Jquery的 each的使用 each

2022-03-18 00:28:00 字數 1598 閱讀 3195

下面提一下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();方法的使用

$.each(result, function(index, temp) );

例項

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...