< 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])?


当前回答

纯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 >

其他回答

$('#selected ul').children().length;

或者更好

 $('#selected li').length;

最快的一个:

$("div#selected ul li").length

你可以使用.length和后代选择器一起使用,像这样:

var count = $("#selected li").length;

如果你必须使用.children(),那么它是这样的:

var count = $("#selected ul").children().length;

您可以在这里测试这两个版本。

$("#selected > ul > li").size()

or:

$("#selected > ul > li").length

在纯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 >