如何選擇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")

文檔

要使用任何元字符（例如！“＃$％＆'（）* +，。/：; <=>？@ [] ^`{|}〜）作為名稱的文字部分，必須使用兩個反斜杠進行轉義：\\。例​​如，id =“foo.bar”的元素可以使用選擇器$（“＃foo \\ .bar”）。

Answer 3

1. 使用屬性選擇器

   描述：選擇具有指定屬性的元素，具有任何值。

 console.log($('[id="mainid|label"]').text()) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span id='mainid|label'>mainid|label</span>