JQ 获取ulol 下面li的个数

Posted 2021-01-25 幸福摩天轮

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

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