选择所有，但孩子

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

我希望它有帮助。如果它不起作用，请让我知道，我会删除我的答案。谢谢。