each()方法能使DOM循環結構簡潔,不容易出錯。each()函數封裝了十分強大的遍歷功能,使用也很方便,它可以遍歷一維數組、多維數組、DOM, JSON 等等,在javaScript開發過程中使用$each可以大大的減輕我們的工作量。
1 2 3 4 var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); });上面這個each輸出的結果分別為:one,two,three,four
1 2 3 4 5 6 7 8 9 var arr = [ "aaa", "bbb", "ccc" ]; $.each(arr, function(i,a){ alert(i); // i 是循環的序數 alert(a); // a 是值 }); 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
1 2 3 4 5 6 var obj = { one:1, two:2, three:3, four:4}; $.each(obj, function(key, val) { alert(obj[key]); alert(key); //鍵 alert(val); //值 });輸出結果為:1 2 3 4