jquery中怎么获取li的数量

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中怎么获取li的数量相关的知识,希望对你有一定的参考价值。

<!doctype html>
<head>
<meta charset="UTF-8">
<title>得到li的数量</title>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e)
$(".btn_1").click(function()
//选择clss为show_length的div,找到div里面的ul,再选择li,length就是得到个数
alert($(".show_length ul li").length);

);

);
</script>
</head>
<body>

<div class="show_length">
<ul>
<li>深圳网站建设</li>
<li>独占网络</li>
<li>www.sz886.com</li>
</ul>

</div>

<input type="button" class="btn_1" value="得到li的数量" />
</body>
</html>
参考技术A 实现思路:使用jQuery的length属性获取对象中元素的数目,$(selector).length。实例演示如下: 1、HTML结构:设置id为test的ul下有4个列表元素 Glen Tane John 2、jquery代码:点击列表后获取li数量

jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢?

$("ulli:first") 这个是获取每个ul的第一个li元素

请问我怎么获得每个ul的第 二个 或者第三格li元素呢?

<ul>
    <li>第1个</li>
    <li>第2个</li>
    <li>第3个</li>
    <li>第4个</li>
</ul>

使用eq选择器获取
语法:$(":eq(index)") index值从0开始。
获取第二个 $("ul li:eq(1)")
获取第三个 $("ul li:eq(2)")

jquery 还有很多有趣的选择器,可百度“jquery选择器大全”查看资料

参考技术A eq(n)
n=2,3...
参考技术B 把握设置一下吧追问

解决$("ulli:eq(1)") // 因为eq()从0开始

本回答被提问者采纳

以上是关于jquery中怎么获取li的数量的主要内容,如果未能解决你的问题,请参考以下文章

如何用js获取ul下li数量的值

jquery如何获取li元素

jquery怎样获取一个元素下面相同子元素的个数?

jquery 怎么得到别的网页的内容

ul和分配类中li的数量

根据元素的数量获取 Div 的宽度并限制 mySQL 查询?