<ul id="attached_deals_tab" class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" href="#Test1">Test1</a>
</li>
<li class="">
<a data-toggle="tab" href="#Test2">Test2</a>
</li>
</ul>
このようなjqueryを使用すると、すべてのリストアイテムを取得することができます。
$('#attached_deals_tab li');
しかし、class="active"
があるli
のみを表示するにはどうすればよいですか?一行でお願いします。
私はそれを否定する方法を知っています:
$('#attached_deals_tab li:not(.active)');
しかし、その逆ではありません...
$('#attached_deals_tab li.active');
これはそれを行うべきです、構文はCSSと同じです:
$('#attached_deals_tab li.active');
ul
idが指定されたら、クラスを使用できます。
$("#attached_deals_tab .active");
そこにli
s以外のものがあり、その何かがactive
クラスにも適用されていない限り、これは奇妙です。
子セレクターを使用して、将来のネストされたリストに対応するようにコードを準備する必要があります。
$('#attached_deals_tab > .active')
直接の子のみを選択します。仕様によると、ul
はli
要素のみを子として持つことができるため、子セレクターを使用する場合は.active
で十分です。指定する必要はありませんli.active
。
ネストされたリストとは、次のようなものです。
<ul id="attached_deals_tab">
<li class="active"></li>
<li></li>
<li>
<ul>
<li class="active"></li>
<li></li>
</ul>
</li>
</ul>
jQueryセレクターのドキュメント を読むことも非常に役立ちます。
シンプルで、
$('#attached_deals_tab li.active').(...)