jquery - 特定のクラスのliを選択するにはどうすればよいですか？

Question

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

しかし、どうすればそれだけを見せてくれるのliでしょclass="active"うか？一行でお願いします。

私はそれを否定する方法を知っています：

$('#attached_deals_tab li:not(.active)');

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

Answer 1

$('#attached_deals_tab li.active');

Answer 2

これでうまくいくはずです。構文はCSSの場合とまったく同じです。

$('#attached_deals_tab li.active');

Answer 3

ulIDを指定したら、クラスを使用できます。

$("#attached_deals_tab .active");

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

Answer 4

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

$('#attached_deals_tab > .active')

直接の子のみを選択します。仕様によれば、anはその子として要素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>

jQuerySelectorsのドキュメントを読むことも大いに役立ちます。

Answer 5

簡単です

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