jQuery计数子元素

本文翻译自：jQuery count child elements

 <div id="selected"> <ul> <li>29</li> <li>16</li> <li>5</li> <li>8</li> <li>10</li> <li>7</li> </ul> </div> 

I want to count the total number of <li> elements in <div id="selected"></div> . 我想计算<div id="selected"></div>中<li>元素的总数。 How is that possible using jQuery's .children([selector]) ? 怎么可能使用jQuery的.children([selector]) ？

---

#1楼

参考：https://stackoom.com/question/I0K7/jQuery计数子元素

---

#2楼

你可以使用JavaScript（不需要jQuery）

document.querySelectorAll('#selected li').length;

---

#3楼

It is simply possible with childElementCount in pure javascript 在纯javascript中使用childElementCount是可能的

 var countItems = document.getElementsByTagName("ul")[0].childElementCount; console.log(countItems); 

 <div id="selected"> <ul> <li>29</li> <li>16</li> <li>5</li> <li>8</li> <li>10</li> <li>7</li> </ul> </div> 

---

#4楼

var length = $('#selected ul').children('li').length
// or the same:
var length = $('#selected ul > li').length

You probably could also omit li in the children's selector. 你可能也可以在孩子的选择器中省略li 。

See .length . 见.length 。

---

#5楼

You can use .length with just a descendant selector , like this: 你可以使用.length只有一个后代选择器 ，如下所示：

var count = $("#selected li").length;

If you have to use .children() , then it's like this: 如果你必须使用.children() ，那么它是这样的：

var count = $("#selected ul").children().length;

You can test both versions here . 你可以在这里测试两个版本 。

---

#6楼

$('#selected ul').children().length;

甚至更好

 $('#selected li').length;