Exclamation in id selector does not match the matching element

[aishwar.muthuraman]

When an element's id contains an exclamation mark, the jQuery id selector does not match it, while document.getElementById matches it.

See ​http://jsfiddle.net/MKP43/1/ for example.

e.g. $('#abc!1') will always match nothing.

[aishwar.muthuraman]

I did debug this and this will fix it:

Changing

quickExpr

to

/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([^\s][^\s]*)$)/

The above expression satisfies the HTML5 spec for ids: ​http://dev.w3.org/html5/spec/Overview.html#the-id-attribute

Ids should contain atleast one character and should not contain spaces.

[timmywil]

The exclamation point must be escaped.

​http://jsfiddle.net/timmywil/MKP43/2/

[anonymous]

Replying to timmywil:

The exclamation point must be escaped.

​http://jsfiddle.net/timmywil/MKP43/2/

I have the same issue! Im trying to use jquery to select a tag with <a href="#">!--</a> inside, and this is not working out.

For example if (a == "!--"){}

[anonymous]

I have the same issue! Im trying to use jquery to select a tag with <a href="#">!--</a> inside, and this is not working out.

For example if (a == "!--"){}

[dmethvin]

You should ask for help on the forum!