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/

Answer 3

嘗試

var a = $('.a'), not = a.find('.a'); 
a.not(not); 

selector profiling