1. 程式人生 > 實用技巧 >jQuery.each 方法

jQuery.each 方法

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則可以拿到

如圖: