jquery - 如何统计 child 的数量？

Question

我有一个 list

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

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

Answer 1

您可以使用 .length ，像这样:

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

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

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

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

或:

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