正文
jquery遍历li,jquery遍历数组
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery中的遍历到底是什么？？？？
首先了解一下遍历，遍历就是对集合中的每一个元素一个个走一遍（也许表达的不够贴切）。
像这样
var tmp={1,2,3,4,5,6,7,8,9,10};
for(var i=0;itmp.length;i++)
{
alert(tmp[i]);
}
这就叫遍历了，意思就是这个意思
像$("ul li").each(function(){
alert($(this).text());
});
这样的遍历，其实就是对所有页面里的li元素集合一一遍历
相关问答
Q1: jquery each 每次添加li操作，都遍历一次；需求需要；遍历多次 事件多次执行了；怎么处理；
js代码改成如下：
$("#listAdd").on("click",function(){
$("#list").append("li增加的/li")
})
$("#list").on("click", "li", function(){
alert($(this).html());
})
使用jquery的on事件委托来处理动态添加元素动态添加事件。
Q2: li').each(function(){});'>求解释jquery 遍历函数的意思$('#menus > li').each(function(){});
遍历id为menus 下边的所有li标签：
$('#menus li').each(function(){
alert($(this).text());//$(this)表示当前遍历的li标签对象，这句代码会打印出当前li标签的文本值
});
Q3: 用 jquery实现，如果没有li就删除或者隐藏ul？
用$("ul")遍历，然后逐个判断是否有li。判断是否有li有下面3种方法：
$("ul").has("li").length 0;$("ul li").length 0;$("ul").find("li").length 0;
以下是完整代码：
ul111/ul
ul
li1/li
li2/li
/ul
ul333/ul
script src=""/script
script
$("ul").each(function(){
if($(this).find("li").length0)
$(this).hide();
});
/script
Q4: Jquery怎么遍历div里面的div里面的ul的li数量，有代码求修改
jquery的 length 属性用以获取包含 jQuery 对象中元素的数目：
$(".a .b li").length; // a类后代b类中包含的li元素的数量
综合示例如下：
创建Html元素
div class="box"
span点击按钮获取li数量：/spanbr
div class="content"
div class="test"
ul
liJohn/li
liKarl/li
liBrandon/li
/ul
/div
div class="test"
ul
liGlen/li
liTane/li
liRalph/li
liRalph/li
/ul
/div
div class="test"
ul
liJohn/li
liKarl/li
liBrandon/li
/ul
/div
/div
input type="button" value="获取li的数量"
/div
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{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+"。");
});
})
观察效果
