[解決済み] IDセレクタにjQueryのドット？重複

質問

重複の可能性があります。

IDがドットを含む場合、jqueryでIDによってhtmlノードを選択するにはどうすればよいですか？

私はこのような要素を含むウェブサイトを持っています。

<p id="root.SomeCoolThing">Some Cool Thing</p>

のように、jQueryで段落を選択することができません。 $('#root.SomeCoolThing') というのは、jQueryが SomeCoolThing を持つ要素のクラスは id="root" .

この要素をjQueryで選択するにはどうしたらよいでしょうか。このような構造は避けたいのですが。

$(document.getElementById('root.SomeCoolThing'))

どのように解決するのですか？

のエスケープルールを使用します。 jQuery セレクタ API を以下のように使用します。

$('#root\\.SomeCoolThing') 

からの ドキュメント :

メタキャラクタ（例えば !"#$%&'()*+,./:;<=>?@[\]^`{|}~ のような）メタ文字を名前のリテラル部分として使用するには、それを を2つのバックスラッシュでエスケープする必要があります。 \\ . 例えば id="foo.bar" である場合、セレクタ $("#foo\\.bar") .