jquery的each

时间：2015-08-02 16:34:18 阅读：108 评论：0 收藏：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

alert(val)将输出为a，aa，aaa，b，bb，bbb，c，cc，ccc

each处理json数据，这个each就有更厉害了，能循环每一个属性

　　var obj = { one:1, two:2, three:3};
　　each(obj, function(key, val) {
      　　alert(key);
      　　alert(val);
　　});

这里alert(key)将输出one two three
alert(val)将输出one，1，two，2，three,3

你可以使用 ‘return‘ 来提前跳出 each() 循环。返回 ‘false‘ 将停止循环 (就像在普通的循环中使用 ‘break‘)。返回 ‘true‘ 跳至下一个循环(就像在普通的循环中使用‘continue‘)。

jquery的each

标签：

原文地址：http://www.cnblogs.com/gua-gua/p/4695910.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行