javascript - 使用 javascript 获取任意 中 的数量

Question

我有一个代码，需要在其中查找 li 的编号标签，而不是嵌套标签。

<ul class="ulStart">
   <li>
      <ul class="ulNested">
         <li></li>
         <li></li>
      </ul>
  </li>
  <li></li>
</ul>

正在做

document.querySelector('.ulStart').getElementsByTagName('li')

给我 4 <li> ，这不是我想要的，我想要li的号码标签存在于ulStart中。让我知道是否有任何方法可以做到这一点。没有 jQuery，纯 JavaScript。

Answer 1

let count = document.querySelectorAll("ul.ulStart > li").length;
console.log(count);

<ul class="ulStart">
  <li>
    <ul class="ulNested">
      <li></li>
      <li></li>
    </ul>
  </li>
  <li></li>
</ul>

使用 >(直接子级)CSS 选择器。请参阅MDN - Child selectors .