jQuery 学习笔记 迭代jQuery对象和非jQuery对象
jQuery提供了一个通用对象迭代器$.each()和一个jQuery集合迭代器.each(),它们是不相同的。
事实上,jQuery还提供了一组更有用的$.map() 和 .map()方法
$.each()
$.each() 是一个通用的迭代函数,可以循环遍历object,arrays, 和 array-like objects ,基本上是对
for 和for in的一个简单替换
使用for循环
1 var sum = 0; 2 var num = [1,2,3,4,5]; 3 4 for(var i = 0;i < num.length;i++) 5 { 6 sum += num[i]; 7 } 8 console.log(sum); //15
使用$.each()使代码更简洁
$.each(num,function(index,value){ sum += value; })
使用for in 循环
var sum = 0; var obj = { foo: 1, bar: 2 }; for(var item in obj) { sum += obj[item]; } console.log(sum); //3
而使用$.each()
$.each(obj,function(key,value){ sum += value; })
.each() 用来迭代jQuery集合
使用下面这个集合
<ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul>
$("li").each(function(index,element){ console.log($(this).text()); });
输出