在jQuery中仅选择第一级元素

小编典典

在jQuery中仅选择第一级元素

css

如何<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

谢谢

阅读 384

2020-05-16

共1个答案

小编典典

$("ul > li a")

但是，如果您要专门针对最外层的ul，则需要在根ul上设置一个类：

<ul class="rootlist">
...

然后是：

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

确保您只有root li元素的另一种方法：

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

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

2020-05-16