在 CSS 选择器中使用 & [关闭]

Posted 2023-03-06

【中文标题】在 CSS 选择器中使用 & [关闭]

【英文标题】：Using & in CSS selectors [closed]

【发布时间】：2013-11-01 08:44:43

【问题描述】：

我有一个 id 为 masterResourceFor_R&D 的 div。但是当我在 jQuery 中使用这个 ID 选择这个 div 并在其上放置一个点击功能时，它不起作用。我认为问题在于 ID 中的符号 &。我没有任何重命名 ID 的选项。

如何在 jQuery 中使用这个 ID？

【问题讨论】：

special characters in id of html tags 的可能重复项

【参考方案1】：

使用 \ 转义它

$('#masterResourceFor_R\\&D')

演示：Fiddle

【讨论】：

谢谢.....它的工作就像一个魅力

【参考方案2】：

您可以使用反斜杠 (\) 转义字符。

CSS

#masterResourceFor_R\&D  ... 

jQuery

$('#masterResourceFor_R\\&D');

JSFiddle demo.

【讨论】：

+1 为清楚起见这两个例子。 @OP：第二个例子中两个反斜杠的唯一原因是在javascript中的一个字符串中，反斜杠有一个特殊的含义：从字面上取下一个字符。所以在字符串中，`\` 是一个实际的反斜杠。

谢谢.....它的工作就像一个魅力

【参考方案3】：

忽略使用特殊字符作为 id 和类名，如果可以更改它，如果你不能并且想要解决 this 混乱，则需要转义该字符

#masterResourceFor_R\&D 
   color: red;

Demo

Reference

在 CSS 中，标识符（包括元素名称、类和 ID） 选择器）只能包含字符 [a-zA-Z0-9] 和 ISO 10646 字符 U+00A0 及更高，加上连字符 (-) 和下划线 (_);它们不能以数字、两个连字符或后面的连字符开头 一个数字。标识符也可以包含转义字符和任何 ISO 10646 字符作为数字代码（参见下一项）。例如， 标识符“B&W？”可以写成“B\&W\?”或“B\26 W\3F”。

【讨论】：

谢谢.....它的工作就像一个魅力

@NarayaN 欢迎你:)