如何使用 jQuery 查找 ID 中带有方括号的元素？

Question

我正在使用 jQuery 并且我有这个元素：

<input class="css-checkbox" id="services[3492][selected]" name="services[3492][selected]" type="checkbox" value=" 1">

当我尝试通过其 ID 在我的控制台中获取该项目时 — services[3492][selected]— 我得到一个空响应：[]。

代码：

$('#services[3490][selected]') // Not working
$('[id*="services[3490][selected]"') // Working

我想是因为[人物。也许我需要清理，或者使用一些转义字符或 unicode 转换。

Answer 1

您需要 !"#$%&'()*+,./:;<=>?@[\]^{|}~使用\\.

$('#services\\[3490\\]\\[selected\\]')

来自jQuery 选择器文档：

要将任何元字符（例如 !"#$%&'()*+,./:;<=>?@[\]^{|}~` ）用作名称的文字部分，必须使用两个反斜杠对其进行转义：\。例如，id="foo.bar" 的元素可以使用选择器 $("#foo\.bar")。W3C CSS 规范包含有关有效 CSS 选择器的完整规则集。Mathias Bynens 关于标识符的 CSS 字符转义序列的博客条目也很有用。