jQuery - idに '$'記号が含まれている場合、どのようにidを持つ要素を取得できますか？

Question

jQueryに関する質問があります。私はidがCLASS_SRCH_WRK2_SUBJECT $ 108 $の要素を持っています。

$('#CLASS_SRCH_WRK2_SUBJECT$108$') 

を以下のように私は、ChromeデベロッパーツールでのjQueryをテストしたが、このツールは

Uncaught DOMException: Failed to execute '$' on 'CommandLineAPI': '#CLASS_SRCH_WRK2_SUBJECT$108$' is not a valid selector. 
at <anonymous>:1:1 

はとにかく、そのidを持つ要素を選択することがあります言いましたか？

Answer 1

を使用して$をエスケープする必要があります。

$(function() { 
 
    console.log($('#CLASS_SRCH_WRK2_SUBJECT\\$108\\$').text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="CLASS_SRCH_WRK2_SUBJECT$108$">Hello</div>

他、非推奨方法は[id="TheID"]を使用して属性セレクタを使用することです：

$(function() { 
 
    console.log($('[id="CLASS_SRCH_WRK2_SUBJECT$108$"]').text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="CLASS_SRCH_WRK2_SUBJECT$108$">Hello</div>

注：正確には、エラーは、Command Line APIを使用していて、jQueryを使用していないことを示しています。 jQueryが本当にロードされているかどうか確認できますか？以下に示すように

Answer 2

あなたは、その後、jQueryオブジェクトに変換し、標準のDOMメソッドを使用することができます。

var el =document.getElementById("CLASS_SRCH_WRK2_SUBJECT$108$"); 
 
var $el = $(el); 
 

 
console.log($el);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<span id="CLASS_SRCH_WRK2_SUBJECT$108$"><span>