1. 程式人生 > >JQ 獲取ul\ol 下面li的個數

JQ 獲取ul\ol 下面li的個數

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

  簡單小結,畢竟自己太愛忘記了!