jQuery.each()用法

昨天寫了個小插件，用到這個方法，不太明白$.each()這個方法，今天查了下手冊，學習一下。

 

例遍數組，同時使用元素索引和內容。（i是索引，n是內容）

$.each( [0,1,2], function(i, n){
    alert( "Item #" + i + ": " + n );
});

例遍對象，同時使用成員名稱和變量內容。（i是成員名稱，n是變量內容）

$.each( { name: "John", lang: "JS" }, function(i, n){
    alert( "Name: " + i + ", Value: " + n );
});

例遍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="ddd" type="hidden"  value="444"/>
然后你使用each如下

$.each($("input:hidden"), function(i,val){  
   alert(val);         //輸出[object HTMLInputElement]，因為它是一個表單元素。
   alert(i);           //輸出索引為0，1，2，3 
   alert(val.name);    //輸出name的值
   alert(val.value);   //輸出value的值
});  

 

以下是官方的解釋：

jQuery.each(object, [callback])

概述

通用例遍方法，可用於例遍對象和數組。

不同於例遍 jQuery 對象的 $().each() 方法，此方法可用於例遍任何對象。回調函數擁有兩個參數：第一個為對象的成員或數組的索引，第二個為對應變量或內容。如果需要退出 each 循環可使回調函數返回 false，其它返回值將被忽略。

參數

objectObject

需要例遍的對象或數組。

callback (可選)Function

每個成員/元素執行的回調函數。