首頁 > web前端 > js教程 > jQuery.each()用法分享_jquery

jQuery.each()用法分享_jquery

WBOY
發布: 2016-05-16 17:51:22
原創
1101 人瀏覽過

例遍數組,同時使用元素索引和內容。 (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 每個成員/元素執行的回呼函數。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板