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" />
<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