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); });
简单小结,毕竟自己太爱忘记了!
作者:幸福摩天轮
------------------------------------------------
愿今日之努力日后想起还能浅浅一笑,不愿今日之颓废用长长一生去悔恨!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!