文章标题

each遍历函数



输出每个列表项的值

• 
  
• 牛奶
• 面包
• 香肠

$(function(){$("#btn").click(function(){
$("li").each(function(){ alert($(this).text());
})
})
});



点击查看结果

• 
  
• 前端开发
• UI设计
• 后台开发
• 后台维护

// 以下代码能够遍历li元素集合中的每一个元素，然后返回li元素中的文本。
$(function(){ $("#btn2").click(function(){ $("div.dety ul li").each(function(index,element){ $(element).css("color","red"), alert($(element).text()); }) }) }); $.each()与$(seclector).each(function(index,element){})的区别: <br>
$.each()可以遍历任何的集合(无论是数组或者对象)，$(seclector).each(function(){})专门用于jquery对象的遍历 $.each()方法如果遍历的是数组，回调函数每次传入的是数组的索引和对应的值 //$.each()传入数组
var group=[10,20,30,40,50];
$.each(group, function(index,value) { console.log(index+":"+value); }); //$.each()如果一个映射作为一个集合使用，回调函数每次传入一个键值对
var classmates={"1年1班":"李明","1年2班":"王华","1年3班":"朱先"}
$(function(){$.each(classmates, function(key,value) {
console.log(key+":"+value)
});
});

这里写代码片