首页 > 其他 > 详细

JQ 获取ul\ol 下面li的个数

时间:2018-12-07 10:25:32      阅读:262      评论:0      收藏:0      [点我收藏+]

  使用 jQuery 获取 ul 下面 li 的个数,那么我们需要遍历我们的ul。如果你的ul有class 、id 或两者都没,您可以使用 ul 标签来遍历。

//遍历ul 获取li个数
    $(".ulClass/#ulId/ul").each(function (index, value) {
        var l = $(this).find("li").length;
        console.log(l);
    });

  或者您不知道到 this 指代啥,您也可以不用this。

$(".ulClass/#ulId/ul").each(function (index, value) {
        var l = $(value).find("li").length;
        console.log(l);
    });

  那么这里 .ulClass/#ulId/ul ,我是一下, class 就使用“.”, id 就使用“#”,直接是标签就使用标签 ul。

  如果你不想用 find() 找 li 元素,你也可以使用 children() 来找,同理你要找改元素的父类,你就使用 parent (直接父类)和 parents (所有的父类)。

$(".ulClass/#ulId/ul").each(function (index, value) {
        var l = $(this).children("li").length;
        console.log(l);
    });

  简单小结,毕竟自己太爱忘记了!

JQ 获取ul\ol 下面li的个数

原文:https://www.cnblogs.com/gzbit-zxx/p/10080869.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!