Jquery的 each的使用 each

下面提一下each的幾種常用的用法

1.each處理一維陣列
var arr1 = [ "aaa", "bbb", "ccc"];      
$.each(arr1, function(i,val));   
alert(i)將輸出0，1，2alert(val)將輸出aaa，bbb，ccc  
2.each處理二維陣列  
var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      
$.each(arr, function(i, item));  
arr2為乙個二維陣列，item相當於取這二維陣列中的每乙個陣列。
item[0]相對於取每乙個一維陣列裡的第乙個值   
alert(i)將輸出為0，1，2，因為這二維陣列含有3個陣列元素
alert(item)將輸出為  ['a', 'aa', 'aaa']，['b', 'bb', 'bbb']，['c', 'cc', 'ccc']
對此二位陣列的處理稍作變更之後
var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      
$.each(arr, function(i, item)); 
});    
alert(j)將輸出為0，1，2，0，1，2，0，1，2alert(val)將輸出為a，aa，aaa，b，bb，bbb，c，cc，ccc  
3. each處理json資料，這個each就有更厲害了，能迴圈每乙個屬性     
var obj = ;      
each(obj, function(key, val) );   
這裡alert(key)將輸出one two three
alert(val)將輸出one，1，two，2，three,3這邊為何key不是數字而是屬性呢，因為json格式內是一組無序的屬性-值，既然無序，又何來數字呢。
而這個val等同於obj[key]
ecah處理dom元素，此處以乙個input表單元素作為例子。
如果你dom中有一段這樣的**
然後你使用each如下
$.each($("input:hidden"), function(i,val));  
那麼，alert(val)將輸出[object htmlinputelement]，因為它是乙個表單元素。   
alert(i)將輸出為0，1，2，3alert(val.name);將輸出aaa,bbb,ccc,ddd，如果使用this.name將輸出同樣的結果
alert(val.value);  將輸出111,222,333,444，如果使用this.value將輸出同樣的結果 4.
如果將以上面一段**改變成如下的形式  
$("input:hidden").each(function(i,val));
5.專案中$.each();方法的使用

例項

Jquery中each的使用總結

一 each的三種使用方法 1 選擇器 遍歷 div each function i 2 選擇器 遍歷 div each function index,domele 3 更適用的遍歷方法 1 先獲取某個集合物件 2 遍歷集合物件的每乙個元素 var d div each d,function ind...

jQuery中 each 方法的使用

each 是對陣列，json和dom結構等的遍歷，說一下他的使用方法吧。1 遍歷一維陣列 var arr1 aa bb cc dd each arr1,function i,val 輸出的結果為 0 aaa,bbb 0 aaa 1 bbb 1 ccc,ddd 0 ccc 1 ddd 2 eee,ff...

jQuery中 each 方法的使用

each 是對陣列，json和dom結構等的遍歷，說一下他的使用方法吧。1 遍歷一維陣列 var arr1 aa bb cc dd each arr1,function i,val 輸出的結果為 0 aaa,bbb 0 aaa 1 bbb 1 ccc,ddd 0 ccc 1 ddd 2 eee,ff...