< div id = " selected > <德> < li > 29 < / li > < li > 16 < / li > < li > 5 < / li > < li > 8 < / li > < li > 10 < / li > < li > 7 < / li > < /德> < / div >
我想计算<div id="selected"></div>中的<li>元素的总数。怎么可能使用jQuery的.children([selector])?
当前回答
$("#selected > ul > li").size()
or:
$("#selected > ul > li").length
其他回答
你可以使用JavaScript(不需要jQuery)
document.querySelectorAll('#selected li').length;
你可以使用.length和后代选择器一起使用，像这样:
var count = $("#selected li").length;
如果你必须使用.children()，那么它是这样的:
var count = $("#selected ul").children().length;
您可以在这里测试这两个版本。
var length = $('#selected ul').children('li').length
// or the same:
var length = $('#selected ul > li').length
你也可以在子元素的选择器中省略li。
看到长处。
最快的一个:
$("div#selected ul li").length
纯js
selected.children[0].children.length;
让孩子们进来。 控制台日志(num); < div id = " selected > <德> < li > 29 < / li > < li > 16 < / li > < li > 5 < / li > < li > 8 < / li > < li > 10 < / li > < li > 7 < / li > < /德> < / div >
