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

使用immediate child selector：

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

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

Answer 2

您应该在链接上设置一个类属性并以这种方式选择它们

<a class="hlink"></a>

$('.hlink').click(function(){
 modify click action here
});

Answer 3

$('.menu > ul > li > a').click(function(e) {
    e.preventDefault();
});