$(selector).each() 和$each() 的区别-优快云博客

本文详细解析了jQuery中两种each()方法的使用场景及区别，包括$(selector).each()用于DOM元素遍历，以及$.each()适用于数组和对象的遍历。通过具体示例展示了如何高效地使用each()进行数据处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(selector).each() 和$each() 的区别

今天在做项目的时候，后台数据需要循环遍历出来，想到each，结果，竟然不记得语法了

现在来回顾一下，而搜索了一下，竟然发现有两种each 一种就是$(selector).each() ，一种是 $each()

jQuery 遍历 - each() 方法主要用于DOM遍历，each() 方法规定为每个匹配元素规定运行的函数。

如果一个html页面上面有多个checkbox，这时用$().each来处理checkbox是比较不错的;

$(“input[name=’ch’]”).each(function(i){
    if($(this).attr(‘checked’)==true) {
        //一些操作代码
    }
})

$().each 有三个参数

$(obg,function(i,item){

obg //传过来的 json 数据

i // 是变量

item // 值

})

该方法处理数组之类的，或者是传过来的ajax 时使用

  var arr = [ "one", "two", "three", "four"];   
  $.each(arr, function(){   alert(this);   });  //上面这个each输出的结果分别为：one,two,three,four     
 
  var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]  
  $.each(arr1, function(i, item){   alert(item[0]);  });  //其实arr1为一个二维数组，item相当于取每一个一维数组，  //item[0]相对于取每一个一维数组里的第一个值  //所以上面这个each输出分别为：1 4 7