javascript - jQueryは、同様の要素内にネストされていない場合にのみ要素を選択します

Question

以下を仮定します。

<div class="a"> <!-- select -->
  <div class="b">
    <div class="a"> <!-- skip -->
    </div>
  </div>
</div>

<div class="b">
   <div class="a"> <!-- select -->
     <div class="b">
        <div class="a"> <!-- skip -->

        </div>
     </div>
   </div>
</div>

<div class="a"> <!-- select -->

</div>

最も外側の $('.a') 要素のみを選択するにはどうすればよいですか?

編集: 役立つJSFiddle。この例では、「a!」ではなく「a」のみを選択する必要があります。

Answer 1

ここでフィルタ メソッドが役に立ちます。

$('.a').not('.a .a');

これにより、別の要素内にネストされているものが除外.aされる.aため、最も外側の要素自体が他の要素内にネストされているかどうかに関係なく、最も外側の要素のみが取得されます。

Answer 2

jQuery:notセレクターを使用してみる

$('.a:not(.a .a)')

http://jsfiddle.net/7E7Mk/1/