javascript - 从第一层选择元素

Question

我有这个 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”元素。

非常感谢。

Answer 1

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

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

Fiddle