我如何计算孩子的数量？

Question

我有一份清单

<ul>
  <li>
  <li>
  <li>
  ...
</ul>

我需要jQuery来计算列表中的项目数.

Answer 1

你可以.length像这样使用:

var count = $("ul li").length;

.length告诉多少匹配的选择中,所以这个统计有多少<li>下<ul>元素你......如果有子的孩子,使用"ul > li",而不是只得到直接孩子.如果<ul>页面中有其他元素,只需将选择器更改为仅匹配其中的元素,例如,如果它具有您使用的ID "#myListID > li".

在您不知道子类型的其他情况下,您可以使用*(通配符)选择器,或者.children()像这样:

var count = $(".parentSelector > *").length;

要么:

var count = $(".parentSelector").children().length;

Answer 2

你不需要jQuery.你可以使用JavaScript .childNodes.length.

如果您不想包含默认文本节点(默认情况下为空),请确保减1.因此,您将使用以下内容:

var count = elem.childNodes.length - 1;