jquery的$(#id).each()和jquery.each()的用法区别

原创 2015年07月10日 10:11:23

在web的前端开发中,我们经常需要对某个对象或者数组,json的对象进行遍历,取得合适的数据。

(1)jquery的$(#id).each()

这个是对js一个对象或者DOM的类进行遍历

$(selector).each(function(index,element))

index:索引,element:当前元素,也可以this。
 $('.main').each(function(i){
            data[i]=$(this).find("td").attr("data-video");
        });

大家可以看到,每一次遍历的时候,都会执行一个函数,同时都会把遍历的索引i参数附带,这个参数可以写,也可以不写,如果要用到希望写,可以用于数组存贮的一个索引。

(2)jquery.each()或者$.each()

$.each()可以对数组,对象进行遍历。


对数组遍历(有附带参数):

$.each(arr , function(i,value){

i:代表数组的索引

value:代表数组的值

p1,p2是附带的参数

},[p1,p2]);

对数组遍历(没有附带参数):

$.each(arr , function(i,value){

i:代表数组的索引

value:代表数组的值

});

遍历对象(附带参数)

$.each(Obj , function(i,value){

i:代表数组的索引

value:代表数组的值

p1,p2是附带的参数

},[p1,p2]);


遍历对象(附带参数)

$.each(Obj , function(i,value){

i:代表数组的索引

value:代表数组的值

});

下面提一下jQuery的each方法的几种常用的用法

Js代码
 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     
  
  
var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(key, val) {     
    alert(obj[key]);           
});   
//这个each就有更厉害了,能循环每一个属性     
//输出结果为:1  2  3  4

参考一段代码:http://www.cnblogs.com/web-ed2/archive/2011/09/19/2181819.html。


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Jquery中each的三种遍历方法

1、选择器+遍历 $('div').each(function (i){    i就是索引值    this 表示获取遍历每一个dom对象 }); 2、选择器+遍历 $('div')....
  • honey_th
  • honey_th
  • 2012年03月28日 19:33
  • 151771

jquery如何获取数组

var imglist=$("#div img");//获取ID为div里面的所有img for(var i=0;i imglist[i].attr("src","图片地址"); }...

用jquery的each方法遍历json对象

用jquery的each方法遍历JSON对象的方法如下:

$.each(json,function(index,item){ }); jquery遍历

http://zhidao.baidu.com/link?url=qH_olwV7VLCvEW3MWAhq5nYW4H3MbU1eiWwHkxmUtfFXBgNxOQT6ykqzJw33vAMXSWt...

jQuery-each用法全面总结

  • 2016年07月29日 15:39
  • 16KB
  • 下载

jquery的each用法以及表单选择的自动响应。

each以及他的回调函数在jquery里面有强大的功能,下面自己先是用了百度文库里面的一些东西然后自己写了一个主动选择省市的函数[纯jquery]通过它,你可以遍历对象、数组的属性值并进行处理。使用说...

$.grep ,$.map,jquery筛选数组之grep、each、inArray、map的用法及遍历json对象

var data = $.grep(this.dataArray, this.proxy(function(item, idx){     return $.inArray(item.id, thi...

Jquery中find与each方法用法实例

Jquery中find与each方法用法实例

jquery筛选数组之grep、each、inArray、map的用法及遍历json对象

grep $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray =...
  • yyixin
  • yyixin
  • 2012年01月06日 20:23
  • 3696

JQuery中隐式迭代和each的区别(通过反选功能解析)

最近在学JQuery,发现它的确是个很给力的东东。。。。不过各种符号,各种选择器,稍有点乱,还要在日后工作中经常用才能熟练起来。 今天在学习时,遇到这样一个问题,是在做checkbox的反选按钮时,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的$(#id).each()和jquery.each()的用法区别
举报原因:
原因补充:

(最多只允许输入30个字)