我如何计算孩子的数量？

我有一个列表

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

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

Answer 1

你可以使用.length ，如下所示：

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

.length告诉select器find了多less匹配，所以这个计数你有<ul>元素下有多less个<li>元素。如果有子子元素，用"ul > li"代替直接子元素。 如果您的页面中有其他<ul>元素，只需将select器更改为仅匹配他的元素，例如，如果它具有您要使用"#myListID > li"的ID。

在其他您不知道子types的情况下，可以使用* （通配符）select器或.children() ，如下所示：

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

要么：

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

Answer 2

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

只要确保减去1，如果你不想包含默认的文本节点（默认为空）。 因此，你会使用以下内容：

 var count = elem.childNodes.length - 1; 

Answer 3

尝试使用：

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

Answer 4

如果你正在使用它来确定当前select器来查找它的子元素，那么这就成立了： <ol>那么就有<li> s在如何编写select器var count = $(this+"> li").length; 不会工作..