jq 中each的用法

jQuery的each方法的几种常用的用法

一、遍历数组

each()方法能使DOM循环结构简洁，可遍历一维数组、多维数组、DOM, JSON 等等。 

var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });   

//上面这个each输出的结果分别为：one,two,three,four    
    

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});     

//其实arr1为一个二维数组，item相当于取每一个一维数组，   
//item[0]相对于取每一个一维数组里的第一个值   
//所以上面这个each输出分别为：1   4   7     
  

var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(i) {     
    alert(obj[i]);           
});   

//这个each就有更厉害了，能循环每一个属性     
//输出结果为：1   2  3  4

二、遍历DOM元素

ecah处理dom元素，此处以一个input表单元素作为例子。

如果你dom中有一段这样的代码

<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />

写法1

 $.each($("input:hidden"), function(i,val){  
     alert(i);
     alert(val.name);
     alert(val.value);   
 });  

写法2

$("input:hidden").each(function(i,val){
    alert(i);
    alert(val.name);
    alert(val.value);       
});

来自：http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html

 

 三、JS 遍历数组

 forEach是js中遍历数组的方法 

var arr=[1,2,3,4];
arr.forEach(function(val,index,arr){//val为数组中当前的值，index为当前值的下表，arr为原数组
    arr[index]=2*val;
});
console.log(arr);//结果是修改了原数组，为每个数乘以2