DIV CSS 佈局教程網

jQuery.each()用法分享
編輯:JQuery特效代碼     
例遍數組,同時使用元素索引和內容。(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
每個成員/元素執行的回調函數。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved