web-dev-qa-db-ja.com

特定のクラスの李を選択するには？

<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)');

しかし、その逆ではありません...

jqueryjquery-selectorsdom-traversal
14
Houman
$('#attached_deals_tab li.active');
20
jholloman

これはそれを行うべきです、構文はCSSと同じです：

$('#attached_deals_tab li.active');
4
codebox

ul idが指定されたら、クラスを使用できます。

$("#attached_deals_tab .active");

そこにlis以外のものがあり、その何かがactiveクラスにも適用されていない限り、これは奇妙です。

1
Grant Thomas

子セレクターを使用して、将来のネストされたリストに対応するようにコードを準備する必要があります。

$('#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セレクターのドキュメント を読むことも非常に役立ちます。

0
kapa

シンプルで、

$('#attached_deals_tab li.active').(...)
0
SexyBeast