jQuery 选择

Question

<div class="menu">
<ul>
<li><a href="#" target="_self" >Acme Inc.</a>
    <ul>
    <li><a href="#" target="_self">Christa Woods</a></li>
    <li><a href="#" target="_self">Charlotte Freeman</a></li>
    <li><a href="#" target="_self">Jeffrey Walton </a></li>
    <li><a href="#" target="_self">Ella Hubbard</a></li>
    <li><a href="#" target="_self">Sean Fletcher</a></li>
    </ul>
</li>
<li><a href="#" target="_self" >Widget Corp.</a>
    <ul>
    <li><a href="#" target="_self">Dylan Mack</a></li>
    <li><a href="#" target="_self">Roseanne Goodman</a></li>
    <li><a href="#" target="_self">Pedro Rivera</a></li>
    <li><a href="#" target="_self">Marion Cole</a></li>
    </ul>
</li>
<li><a href="#" target="_self" >Vendor LLC</a>
    <ul>
    <li><a href="#" target="_self">Hannah Moon</a></li>
    <li><a href="#" target="_self">Eduardo Vasquez</a></li>
    </ul>
</li>
</ul>
</div>

如何仅选择“Acme Inc”、“Widget Corp”和“Vendor LLC”链接 - 而不选择 sub li 链接。基本上我想阻止标题链接执行默认操作。

Answer 1

使用immediate child selector :

$('.menu > ul > li > a')

或者，正如 @regilero 所指出的，.children() method做同样的事情，甚至更清楚它的作用。