jQuery:第一级 li 标签的计数(不包括 decendent ul > li 标签)

Question

HTML:

<ul id='top_nav'>
  <li><a href="">xxx</a></li>
  <li><a href="">xxx</a></li>
  <li><a href="">xxx</a></li>
  <li>
    <ul>
      <li><a href="">xxx</a></li>
      <li><a href="">xxx</a></li>
    </ul>
  </li>
  <li><a href="">xxx</a></li>
</ul>

问题:

如何获取第一层li标签的个数？所以在这个例子中，输出将是 5，而不是 7。

Answer 1

$("#top_nav > li").size() 应该可以解决问题。

这是有效的，因为类似于 foo > bar 的选择器选择匹配 bar 的 foo 的直接子代。 size() 函数返回所选实体的数量。