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

Posted 2020-12-04 whatarey

今天在做项目的时候， 后台数据需要循环遍历出来， 想到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