IDに含まれる要素を選択する方法| jquery id selector付き

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

をエスケープする必要がある」の＃$％&「（）* +、を/！。： ; < =>？@ []^`{|}〜）は、名前のリテラル部分として、¥の2つのバックスラッシュでエスケープする必要があります。例えば、id =" foo.bar "セレクタ$（ "＃foo \ .bar"）。

Answer 3

1. U se attribute selector

   説明：指定された属性を持つ要素を任意の値で選択します。

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>