jquery-selectors - 用于不常见标签 ID 的 jQuery 选择器

Question

我有这个标签 ID，非常罕见：

<select name="/State" id="/State">

看来我不能使用 jQuery 选择器$('#/State')来选择这个对象。

我可以使用 选择它$("#\U002FState")，但我无法打印id属性：

javascript:alert($("#\U002FState").attr('id'))

我该怎么做才能正确选择这个对象？

Answer 1

\\之前添加/ $('#\\/State')

附加链接：

jQuery 选择器：http ://api.jquery.com/category/selectors/

W3C 推荐：http ://www.w3.org/TR/CSS21/syndata.html#value-def-identifier

Answer 2

除非您只支持HTML5浏览器，否则在按 ID 选择时会遇到问题，因为 ID 中的 a/在HTML4.

http://www.w3.org/TR/html401/types.html#type-name

ID和NAME标记必须以字母 ([A-Za-z]) 开头，后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 ("_") , 冒号 (":") 和句点 (".")。

您可以使用attribute-equals-selector^[docs]，但性能会降低：

$('select[id="/State"]');

尽管像我上面所做的那样包含element-selector^{[docs]是有帮助的。}

这是一个工作示例：http: //jsfiddle.net/LVEjS/

Answer 3

正如这里 /所解释的，这不是 id 中的有效字符，因此您的标签不符合标准，最好解决该问题而不是解决它。