jquery - 在jquery中只选择第一级元素

Question

如何只选择父元素的链接元素<ul>从这样的列表中？

<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
  <ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
  </ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>

所以在 css 中 ul li a , 但不是 ul li ul li a

谢谢

Answer 1

$("ul > li a")

但是如果你特别想定位最外层的 ul，你需要在根 ul 上设置一个类:

<ul class="rootlist">
...

然后是:

$("ul.rootlist > li a")....

另一种确保只有根 li 元素的方法:

$("ul > li a").not("ul li ul a")

它看起来很笨拙，但它应该可以解决问题