JQ 獲取ulol 下面li的個數
阿新 • • 發佈:2018-12-07
log 所有 ren style index 自己 each bsp this
使用 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的個數