<div id="selected">
<ul>
<li>29</li>
<li>16</li>
<li>5</li>
<li>8</li>
<li>10</li>
<li>7</li>
</ul>
</div>
<div id="selected"></div>
中<li>
元素的总数,如何使用jQuery的.children([selector])
实现呢?<div id="selected">
<ul>
<li>29</li>
<li>16</li>
<li>5</li>
<li>8</li>
<li>10</li>
<li>7</li>
</ul>
</div>
<div id="selected"></div>
中<li>
元素的总数,如何使用jQuery的.children([selector])
实现呢?您可以仅使用后代选择器descendant selector,如下所示使用.length
:
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
div
使它变慢了 :) - Nick Craver你可以使用JavaScript(无需jQuery)
document.querySelectorAll('#selected li').length;
var length = $('#selected ul').children('li').length
// or the same:
var length = $('#selected ul > li').length
你可能还可以在子选择器中省略 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>
pure 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>
element.childelementCount
。 - Charles L.