javascript - jQuery计数子元素(jQuery count child elements)

Question

 <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]) ？)   ask by gautamlakum translate from so

Answer 1

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 .(你可以在这里测试两个版本 。)