javascript - ID 名称中带有管道符号 "|"的 jQuery 错误

Question

这个问题已经有答案了:

jquery selector doesnt accept pipe character |? (3 个回答)

已关闭 10 年前。

我有一个选择菜单，它的选项 ID 如下:

<select>
<option id='order1|2'>1</option>
<option id='order2|2'>2</option>
<option id='order3|2'>3</option>
</select>

我想使用 jQuery 动态选择一个。在 JavaScript 中，我可以做到

document.getElementById("order2|2").selected=true;

效果很好。然而，使用 jQuery

$("#order2|2").attr("selected","selected");

给出了错误的表达式错误，当我使用它时，任何其他命令也会出现错误，例如

$("#order2|2").val();

我不确定发生了什么。 jQuery 不喜欢管道符号？谢谢。

Answer 1

使用此选择器:

$("#order2\\|2")

来自 jQuery 选择器文档:

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\.

引用:

• http://api.jquery.com/category/selectors/