
<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选择器大全”查看资料
jquery的 length 属性用以获取包含 jQuery 对象中元素的数目:
$("a b li")length; // a类后代b类中包含的li元素的数量综合示例如下:
创建Html元素
<div class="box"><span>点击按钮获取li数量:</span><br>
<div class="content">
<div class="test">
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
</div>
<div class="test">
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
<li>Ralph</li>
</ul>
</div>
<div class="test">
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
</div>
</div>
<input type="button" value="获取li的数量">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
ul{padding:5px 25px;border:2px dashed #cc6699;}
编写jquery代码
$(function(){$(":button")click(function() {
tol = $("content test li")length;
num = $("content test ul")map(function() {
return $(this)find("li")length;
})get()join(',');
alert("不同div下的li数量分别为:"+num+",总数为:"+tol+"。");
});
})
观察效果
$("#li1")getClassName;
$("#li2")getClassName;
$("#li3")getClassName;
$("#li4")getClassName;
var list = $('a');
var childlength = 0;
for (var i = 0; i < listlength; i++)
{
childlength = list[i]childrenlength; //求得每个ul的子元素个数
}
自己写的,你看符合你的要求不
以上就是关于jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢全部的内容,包括:jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢、Jquery怎么遍历div里面的div里面的ul的li数量,有代码求修改、jquery取li标签下的class的属性名等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)