如何选择id包含|的元素使用jquery id选择器

Question

如果元素ID为"mainid|label"，则在使用$("#mainid|label")时会抛出异常。

Error: Syntax error, unrecognized expression: #mainid|label

然后如何使用jquery id选择器获取此元素？

Answer 1

您也可以使用$.escapeSelector

$("#"+$.escapeSelector("mainid|label"))

$.escapeSelector自动管理字符串中的每个特殊字符

Answer 2

自|是一个元字符，你必须逃脱它

 $("#mainid\\|label")

Documentation

  

使用任何元字符（例如！＆＃34;＃$％＆amp;＆＃39;（）* +，。/：;＆lt; =＆gt;？@ [] ^`{| }〜）作为名称的文字部分，必须使用两个反斜杠进行转义：\。例如，id =＆＃34; foo.bar＆＃34;的元素可以使用选择器$（＆＃34; #foo \ .bar＆＃34;）。

Answer 3

1. 使用attribute selector

     

   描述：选择具有指定属性的元素，具有任何值。

＆＃13;
＆＃13;
console.log($('[id="mainid|label"]').text())
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id='mainid|label'>mainid|label</span>
＆＃13;
＆＃13;
＆＃13;