jQueryでメタ文字を含むIDを持つ要素を選択するには?

要素セレクターでのハッシュの使用

ID 属性を使用して要素を選択しようとすると、ID にメタ文字が含まれていると問題が発生する可能性があります、ハッシュ (#) など。この場合、次のコードは失敗します:

<code class="css">#test#1 {
    color: red;
}</code>

<code class="jQuery">$('#test#2').css('color','blue');</code>

ID セレクターでメタ文字を使用するには、メタ文字をバックスラッシュでエスケープする必要があります。この問題を修正する方法は次のとおりです。

<code class="css">#test\#1 {
    color: red;
}</code>

<code class="jQuery">$('#test\#2').css('color','blue');</code>

互換性の問題が発生する可能性があるため、ID 属性で # を使用することはお勧めできません。代わりに、エスケープを必要としない他の文字を使用することをお勧めします。

たとえば、ID 属性「test.1」について考えてみましょう。この要素を選択するには、

<code class="css">#test\.1 {
    color: red;
}</code>

のようにピリオドをエスケープします。

以上がjQueryでメタ文字を含むIDを持つ要素を選択するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。