jQuery.each 方法
阿新 • • 發佈:2020-12-07
jQuery.each(object,[callback])
概述
通用遍歷方法,可用於遍歷物件和陣列。
不同於遍歷 jQuery 物件的 $().each() 方法,此方法可用於遍歷任何物件。回撥函式擁有兩個引數:第一個為物件的成員或陣列的索引,第二個為對應變數或內容。如果需要退出 each 迴圈可使回撥函式返回 false,其它返回值將被忽略
引數
object:需要遍歷的物件或陣列。
callback:每個成員/元素執行的回撥函式。
示例1
描述:遍歷陣列,同時使用元素索引和內容。
jQuery 程式碼:
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
示例2
描述:遍歷物件,同時使用成員名稱和變數內容。
jQuery 程式碼:
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
示例3
描述:遍歷dom元素,輸出每個 li 元素的文字。
$.each($("li"),function(){
alert($(this).text());
});
另一種寫法
$("li").each(function (){
alert($(this).text());
});
這裡有個意思的地方,$("li").each "name" 值獲取不到(div元素也不行),$("input").each則可以拿到
如圖: