javascript - jQuery - 当 id 包含 '$' 符号时，如何获取带有 id 的元素？

Question

我有一个关于 jQuery 的问题。我有一个 id 为 CLASS_SRCH_WRK2_SUBJECT$108$ 的元素。所以我在 chrome 开发者工具中测试了 jQuery，如下

$('#CLASS_SRCH_WRK2_SUBJECT$108$')

但是，该工具表示

Uncaught DOMException: Failed to execute '$' on 'CommandLineAPI': '#CLASS_SRCH_WRK2_SUBJECT$108$' is not a valid selector.
at <anonymous>:1:1

是否可以选择具有该 id 的元素？

Answer 1

您必须使用 \\ 转义 $。

$(function () {
  console.log($('#CLASS_SRCH_WRK2_SUBJECT\\$108\\$').text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="CLASS_SRCH_WRK2_SUBJECT$108$">Hello</div>

另一种不推荐的方法是使用属性选择器，使用[id="TheID"]:

$(function () {
  console.log($('[id="CLASS_SRCH_WRK2_SUBJECT$108$"]').text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="CLASS_SRCH_WRK2_SUBJECT$108$">Hello</div>

注意:准确地说，该错误表明您正在使用 Command Line API而不是 jQuery。你能检查一下 jQuery 是否已经真正加载了吗？