jQuery-在每个ul中计数li并返回值 [英] jquery - count li in each of multiple ul and return value
本文介绍了jQuery-在每个ul中计数li并返回值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
使用jQuery,我如何遍历每个嵌套的ul.item,计算LI的数量,并在该页面的父span.someClass中返回该大小/长度?
Using jQuery, how do I go through each nested ul.item, count the number of LI, and return that size/length in a parent span.someClass on that page?
<ul>
<li><span class="someClass">3</span>
<ul class="item" style="display:none">
<li>count me</li>
<li>count me</li>
<li>count me</li>
</ul>
</li>
<li><span class="someClass">1</span>
<ul class="item" style="display:none">
<li>count me</li>
</ul>
</li>
<li><span class="someClass">2</span>
<ul class="item" style="display:none">
<li>count me</li>
<li>count me</li>
</ul>
</li>
</ul>
推荐答案
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
var count = 0;
$('ul').each(function(){
if(count != 0){
var len = $(this).find('li').length;
$(this).parent().find('.someClass').html(len);
}
count++;
})
});
</script>
</head>
<body>
<ul>
<li><span class="someClass"></span>
<ul class="item" style="display:none">
<li>count me</li>
<li>count me</li>
<li>count me</li>
</ul>
</li>
<li><span class="someClass"></span>
<ul class="item" style="display:none">
<li>count me</li>
</ul>
</li>
<li><span class="someClass"></span>
<ul class="item" style="display:none">
<li>count me</li>
<li>count me</li>
</ul>
</li>
</ul>
</body>
</html>
这篇关于jQuery-在每个ul中计数li并返回值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文