您的位置:首页 > Web前端 > JQuery

jquery的each()详细介绍 -

2016-05-31 16:08 417 查看
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等

在javaScript开发过程中使用$each可以大大的减轻我们的工作量。

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

each处理一维数组

var arr1 = [ "aaa", "bbb", "ccc" ];      

  $.each(arr1, function(i,val){      

      alert(i);   

      alert(val);

  });   

alert(i)将输出0,1,2

alert(val)将输出aaa,bbb,ccc

each处理二维数组  

var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      
$.each(arr, function(i, item){      

      alert(i);   

      alert(item);      
});  

arr2为一个二维数组,item相当于取这二维数组中的每一个数组。

item[0]相对于取每一个一维数组里的第一个值   

alert(i)将输出为0,1,2,因为这二维数组含有3个数组元素

alert(item)将输出为  ['a', 'aa', 'aaa'],['b', 'bb', 'bbb'],['c', 'cc', 'ccc']

对此二位数组的处理稍作变更之后

var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      

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

        $.each(item,function(j,val){

            alert(j);

            alert(val);

     }); 

});    

 alert(j)将输出为0,1,2,0,1,2,0,1,2
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: