jQuery.each() - jQuery 遍历方法使用介绍

定义和用法

each() 方法规定为每个匹配元素规定运行的函数。

提示：返回 false 可用于及早停止循环。

jQuery.each()方法大概有如下几种用法，下面分别进行介绍：

1、选择器.each(callback)，回调函数不带参数

语法

$(selector).each(function(){

});

实例

输出每个 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 );
});

全文完

：）

参考：

原文地址：