JQuery 1.7.1 doesn't seem to be able to handle HTML5 element identifiers

Question

As you know, HTML5 allows you to use more characters in name names - see the HTML5 specification , which now holds as the only invalid character. Attempting to use this with jQuery shows that jQuery ignores all characters in the ID after a certain valid character, '/'.

<section> <div id='foo/bar'> YAAY </div> <div id='foo'> BOO </div> </section>

Writing the element 'foo / bar'

 console.log($(document).find('div#foo/bar'))

Shows an invalid return item:

 [ <div id="foo"> BOO </div> ]

This uses both stable jQuery (1.7.1) and the current edge of jQuery.

Is this a jQuery bug, or am I doing something wrong?

+4

mikemaccana Mar 17 '12 at 14:17

1 answer

Rob w · Accepted Answer · 2012-03-17T14:24:56+0000

 console.log($(document).find('div#foo\\/bar'))

PS. $(document).find('selector') equivalent to $(selector) .

This behavior is defined in RegEx in Sizzle Source Code, line 374 :

 ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,