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

最新推荐文章于 2021-04-13 19:19:11 发布

weixin_33851429

最新推荐文章于 2021-04-13 19:19:11 发布

阅读量656

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gzbit-zxx/p/10080869.html

版权

　　使用 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);
    });

　　简单小结，毕竟自己太爱忘记了！

转载于:https://www.cnblogs.com/gzbit-zxx/p/10080869.html

关注