ID选择器中的jQuery点？

Question

可能重复:
当id包含点时,如何通过ID和jquery选择html节点？

我有一个网站,其中包含与此类似的元素:

<p id="root.SomeCoolThing">Some Cool Thing</p>

我不能用jQuery选择段落,$('#root.SomeCoolThing')因为jQuery认为,SomeCoolThing是一个元素的类id="root".

如何用jQuery选择这个元素？我想避免像这样的结构:

$(document.getElementById('root.SomeCoolThing'))

Answer 1

使用jQuery选择器API中的转义规则,如下所示:

$('#root\\.SomeCoolThing')

来自文档:

要使用任何元字符(例如 !"#$%&'()*+,./:;<=>?@[\]^`{|}~)作为名称的文字部分,必须使用两个反斜杠进行转义:\\.例如,带有的元素 id="foo.bar"可以使用选择器$("#foo\\.bar").

Answer 2

使用attr工作:

$('p[id="root.SomeCoolThing"]')

Answer 3

你需要逃脱特殊的角色:

$('#root\\.SomeCoolThing')

如果你想使用任何元字符(例如!"#$%&'()*+,./:; <=>？@ [] ^`{|}〜)作为字面的一部分name,你必须使用两个反斜杠来转义字符:\\.例如,如果你有一个id ="foo.bar"的元素,你可以使用选择器$("#foo \\.bar").

Answer 4

你可以使用这样的东西逃避时期

$("#root\\.SomeCoolThing")