jQueryでコロンを含むIDを選択する 質問する

jQueryでコロンを含むIDを選択する 質問する

私はサイト用の事前に作成されたモジュールに取り組んでおり、 id を持つ要素をターゲットにする必要がありますtest:two。現在、この要素にはコロンが含まれているため、jQuery はおそらく当然のことながら「two」を疑似クラスとして認識しています。jQuery でこの要素をターゲットにする方法はありますか?

また、ID を変更することはできません。信じてください、もし変更できるなら、私は変更します。

例をまとめてみました:

$('#test').css('background','red');
$(document.getElementById('test:two')).css('background','blue');
$('#test:two').css('background','green');
<script src="//code.jquery.com/jquery-1.6.3.js"></script>

<div id="test">test</div>
<div id="test:two">test two</div>

ベストアンサー1

コロンを\\: でエスケープするだけです。

$('#test\\:two');

http://jsfiddle.net/zbX8K/3/


ドキュメントを参照してください:CSS 表記で使用される文字を含む ID で要素を選択するにはどうすればよいですか?

おすすめ記事