Fatal编程技术网

Javascript jQuery计数子元素

javascript jquery dom

Javascript jQuery计数子元素,javascript,jquery,dom,Javascript,Jquery,Dom,二十九 十六, 五, 八, 十, 七, 您可能还可以在儿童选择器中省略li 请参阅。您只需使用一个，如下所示： var count = $("#selected li").length; var count = $("#selected ul").children().length; 如果必须使用，则如下所示： var count = $("#selected li").length; var count = $("#selected ul").children().length; 



    

  • 二十九
    • 

  • 十六,
    • 

  • 五,
    • 

  • 八,
    • 

  • 十,
    • 

  • 七,
    •
您可能还可以在儿童选择器中省略
li

请参阅。

您只需使用一个，如下所示：

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

var count = $("#selected ul").children().length;
如果必须使用，则如下所示：

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

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

甚至更好

 $('#selected li').length;
最快的一个：

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

您可以使用JavaScript（不需要jQuery）

在纯javascript中使用
childElementCount
就可以了

var countItems=document.getElementsByTagName（“ul”）[0].childElementCount；
console.log（countItems）



    

  • 二十九
    • 

  • 十六,
    • 

  • 五,
    • 

  • 八,
    • 

  • 十,
    • 

  • 七,
    • 



纯js


selected.children[0].children.length;




let num=selected.children[0].children.length；
console.log（num）



    

  • 二十九
    • 

  • 十六,
    • 

  • 五,
    • 

  • 八,
    • 

  • 十,
    • 

  • 七,
    • 



在纯JS中，@Mo.的答案还是有点低，但是使用
元素.childelementCount
这不是最快的，事实上你通过在上面添加
div
减慢了速度：）这真的取决于你使用的浏览器。在许多现代浏览器中，添加元素在按id或类查找之前使用findByElement，这会更慢。不过很快这将成为一个没有实际意义的问题，因为所有DOM搜索都将使用一个本机函数完成。在任何情况下，一个简单的getElementById（'selected'）或$（'#selected'）此时都会更快

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



document.querySelectorAll('#selected li').length;



selected.children[0].children.length;