jQuery.each() - jQuery 遍歷方法使用介紹

  

定義和用法

each() 方法規定為每個匹配元素規定運行的函數。

提示：返回 false 可用於及早停止循環。

 

jQuery.each()方法大概有如下幾種用法，下面分別進行介紹：

 

1、選擇器.each(callback)，回調函數不帶參數

語法

$(selector).each(function(){

});

• selector
  Type:  Object
  jQuery的選擇器

實例

輸出每個 li 元素的文本：

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

 

2、jQuery.each( array, callback )，回調函數帶數組索引和數組索引對應值

語法

jQuery.each( array, callback )

• object
  Type:  Object
  The object to iterate over.
• callback
  Type:  Function(  String propertyName,  Object valueOfProperty )
  The function that will be executed on every value.

實例

輸出一個數組的索引值+數組索引對應值

$.each([ 52, 97 ], function( index, value ) {
  alert( index + ": " + value );
});

 

3、jQuery.each( object, callback )，回調函數帶對象key和對象value

語法

jQuery.each( object, callback )

• object
  Type:  Object
  The object to iterate over.
• callback
  Type:  Function(  String propertyName,  Object valueOfProperty )
  The function that will be executed on every value.

實例

輸出一個json對象的key值和value值

var obj = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

 

全文完

：）

 

參考：

http://api.jquery.com/jquery.each/

http://www.w3school.com.cn/jquery/traversing_each.asp

http://www.runoob.com/jquery/traversing-each.html

http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp

 

 

 

原文地址：

https://www.cnblogs.com/poterliu/p/10242908.html