<div id="selected">
<ul>
<li>29</li>
<li>16</li>
<li>5</li>
<li>8</li>
<li>10</li>
<li>7</li>
</ul>
</div>
我想计算<li>
中<div id="selected"></div>
元素的总数。怎么可能使用jQuery的.children([selector])
?
你可以使用.length
只有一个descendant selector,像这样:
var count = $("#selected li").length;
如果你必须使用.children()
,那就是这样的:
var count = $("#selected ul").children().length;
$("#selected > ul > li").size()
要么:
$("#selected > ul > li").length
最快的一个:
$("div#selected ul li").length
var length = $('#selected ul').children('li').length
// or the same:
var length = $('#selected ul > li').length
你可能也可以在孩子的选择器中省略li
。
见.length
。
你可以使用JavaScript(不需要jQuery)
document.querySelectorAll('#selected li').length;
$('#selected ul').children().length;
甚至更好
$('#selected li').length;
在纯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>
纯粹的js
selected.children[0].children.length;
let num = selected.children[0].children.length;
console.log(num);
<div id="selected">
<ul>
<li>29</li>
<li>16</li>
<li>5</li>
<li>8</li>
<li>10</li>
<li>7</li>
</ul>
</div>