jQuery计算子元素

2020/10/02 21:21 · javascript ·  · 0评论
<div id="selected">
  <ul>
    <li>29</li>
    <li>16</li>
    <li>5</li>
    <li>8</li>
    <li>10</li>
    <li>7</li>
  </ul>
</div>

我想计算中的<li>元素总数<div id="selected"></div>使用jQuery怎么可能.children([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
var length = $('#selected ul').children('li').length
// or the same:
var length = $('#selected ul > li').length

您可能还可以省略li儿童选择器。

请参阅.length

您可以使用JavaScript(不需要jQuery)

document.querySelectorAll('#selected li').length;
$('#selected ul').children().length;

甚至更好

 $('#selected li').length;

childElementCount纯JavaScript完全有可能

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>

纯js

selected.children[0].children.length;

本文地址:http://javascript.askforanswer.com/jqueryjisuanziyuansu.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!