jq 中each的用法

Posted on 2016-06-13 12:35  黄银  阅读(1850)  评论(0编辑  收藏  举报

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

 

 

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