< 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])?
< 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])?
当前回答
var length = $('#selected ul').children('li').length
// or the same:
var length = $('#selected ul > li').length
你也可以在子元素的选择器中省略li。
看到长处。
其他回答
纯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 >
在纯javascript中使用childElementCount是完全可能的
var countItems =文档. getelementsby 控制台日志(countItems); < div id = " selected > <德> < li > 29 < / li > < li > 16 < / li > < li > 5 < / li > < li > 8 < / li > < li > 10 < / li > < li > 7 < / li > < /德> < / div >
你可以使用JavaScript(不需要jQuery)
document.querySelectorAll('#selected li').length;
$("#selected > ul > li").size()
or:
$("#selected > ul > li").length
最快的一个:
$("div#selected ul li").length