ID选择器中的jQuery点？ [复制]答案

【问题标题】：jQuery dot in ID selector? [duplicate]ID选择器中的jQuery点？ [复制]
【发布时间】：2012-04-13 09:45:51
【问题描述】：

可能重复：
How to select html nodes by ID with jquery when the id contains a dot?

我有一个包含类似元素的网站：

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

我不能像$('#root.SomeCoolThing')这样用jQuery选择段落，因为jQuery认为SomeCoolThing是id="root"元素的类。

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

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

【问题讨论】：

【解决方案1】：

使用jQuery selectors API 中的转义规则如下：

$('#root\\.SomeCoolThing')

来自docs：

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

【讨论】：

啊，我明白了。尝试使用一个不起作用的反斜杠。谢谢！
我试过 $('#root\\.SomeCoolThing')，它有效。但是当我尝试使用双引号 $("#root\\.SomeCoolThing") 时，它不起作用。你知道 jQuery 中单引号和双引号的区别吗？
这对我不起作用，我的 id 中有两个或更多点。
@charlietfl 请注意，带反斜杠的点表示法要快得多：jsperf.com/jquery-selectors-perf-test

【解决方案2】：

您需要转义特殊字符：

$('#root\\.SomeCoolThing')

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

【讨论】：

【解决方案3】：

在每个特殊字符前使用两个反斜杠

  $('#root\\.SomeCoolThing')

【讨论】：

【解决方案4】：

使用 attr 工作：

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

【讨论】：

【解决方案5】：

这里是从臀部拍摄，但如果您无法更改元素的 ID，请尝试使用此选择器：

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

【讨论】：

【解决方案6】：

你可以使用类似这样的东西来逃避期间

$("#root\\.SomeCoolThing")

【讨论】：