我怎样计算孩子的数目？

我有个名单

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

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

160137 次浏览
小开
最佳答案

You can use .length, like this:

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

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

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

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

或:

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

尝试使用:

var count = $("ul > li").size();
alert(count);
小开

如果您使用此选择器来确定当前选择器以查找其子选择器，那么应该怎么做 所以这里是: <ol>然后是 <li>下面是如何写一个选择器 var count = $(this+"> li").length;不起作用。

小开

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

如果不想包含默认的文本节点(默认为空) ，只需确保减1即可。因此，您可以使用以下内容:

var count = elem.childNodes.length - 1;
小开

你可以使用 jQuery:

此方法获取其子级的列表，然后计算该列表的长度，就这么简单。

$("ul").find("*").length;

Find ()方法沿着子代向下遍历 DOM，一直到最后一个子代。

注意: children ()方法遍历 DOM 树下的一个级别。

小开

你可以使用 Element.childElementCount

ref: https://developer.mozilla.org/en-US/docs/Web/API/Element/childElementCount


let count = ThatParentElement.childElementCount;

提交答案