Escaping multiple characters won't work by the jQuery way?

Asked Dec 18 '15 at 08:44

Active Dec 18 '15 at 08:44

Viewed 19 times

I try to escape some characters inside the selector names of my html. The jQuery docs are suggesting the following method, which won't work:

var theId = my(S)elector

    $( "#" + theId.replace( /(:|\.|\[|\]|(),)/g, "\\$1" ) ).css('color', '#f00');

instead, while searching, I have found this version which works (by adding the square braces like /([ ):

 $( "#" + theId.replace( /([:|\.|\[|\]|(),])/g, "\\$1" ) ).css('color', '#f00');

Why does the original jQuery version fail?

asked Dec 18 '15 at 08:44

Edmond Tamas

Because the first one has a group, and the second one - a character class. Both are somewhat "strange". – Wiktor Stribiżew Dec 18 '15 at 08:45
Try `/([:.\[\](),])/g` – Tushar Dec 18 '15 at 08:46
There are several SO posts showing how to escape special characters. Look here: http://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript – Wiktor Stribiżew Dec 18 '15 at 08:49

0 Answers0