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