从第一级选择元素

Select elements from first level

本文关键字：一级 选择 元素      更新时间：2023-09-26

我有这个 ul li 列表：

<ul>
  <li><div>Text</div><a href="#">A</a></li>
  <li><div>Text</div><a href="#">B</a></li>
  <li><div>Text</div><a href="#">C</a></li>
  <li>
    <ul>
      <li><div>Text</div><a href="#">A1</a></li>
      <li><div>Text</div><a href="#">B1</a></li>
      <li><div>Text</div><a href="#">C1</a></li>
      <li><div>Text</div><a href="#">D1</a></li>
    </ul>
  </li>
  <li><div>Text</div><a href="#">E</a></li>
</ul>

我需要从第一级中选择所有"li"元素。

在此示例中，它将是： 

  <li><div>Text</div><a href="#">A</a></li>
  <li><div>Text</div><a href="#">B</a></li>
  <li><div>Text</div><a href="#">C</a></li>
  <li><div>Text</div><a href="#">E</a></li>

尝试使用：

  $('ul').children()

我从第一级和第二级获得所有"li"元素。

谢谢。

选择ul:first中没有ul元素的li作为子元素。

$('ul:first').children('li:not(:has(ul))');

小提琴

您可以使用以下代码搜索 1st ul，然后搜索所有 li：$（'ul：first>li'）

你可以将一个类添加到第一个 ul 中，然后调用 .children（）

尝试

$('ul>li').css(//your doing//);

这将选择代码中all ul tags的direct childs。

如果你想访问特定的ul，试着给它一个class或id。

给外部 ul 一个类：

<ul class="my_ul">
....
</ul>

在jquery中，你可以得到它们，就像：

  $('.my_ul').children()

编辑：我的第一个代码是让所有孩子。

您可以将选择器更改为 

$("'whatever element is above first level ul element' > ul > li")
相关文章：