关闭

jquery的each()详细介绍 -

116人阅读 评论(0) 收藏 举报
分类:
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
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:7518次
    • 积分:181
    • 等级:
    • 排名:千里之外
    • 原创:10篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类