首頁  >  文章  >  web前端  >  jQuery.each()用法分享_jquery

jQuery.each()用法分享_jquery

WBOY
WBOY原創
2016-05-16 17:51:221071瀏覽

例遍數組,同時使用元素索引和內容。 (i是索引,n是內容)

複製程式碼 程式碼如下:
$. ( [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中有一段這樣的代碼



然後你使用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 每個成員/元素執行的回呼函數。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn