選擇所有，但孩子

Question

我有一個HTML的結構是這樣的：

<div class="foo"> 
    <ul> 
     <li> 
      <a href="link.bar">Good</a> 
      <ul class="children"> 
       <li> 
        <a href="otherlink.baz">Bad</a> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</div> 

現在，我要選擇「好」 a而不選擇「壞」 a（使用jQuery）。我試過.foo ul:not(.children) li a但這並不奏效（顯然）。是否有可能以單線形式實現？

Fiddle

Answer 1

你可以找嫡系.foo > ul > li > a

Answer 2

在你給這個特殊的情況下做到這一點，它的方式之一...

var good= $("a[href='link.bar']") ...

http://api.jquery.com/attribute-equals-selector/

Answer 3

。它可以通過一個lineras完成

$(a ,'.foo').first(); 

我希望它有幫助。如果它不起作用，請讓我知道，我會刪除我的答案。謝謝。