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"链接 - 而不选择子链接.基本上我想阻止标题链接执行默认操作.

Answer 1

使用直接子选择器:

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

或者,正如@regilero所指出的那样,该.children()方法做了同样的事情,甚至更清楚它的作用.