zoukankan      html  css  js  c++  java
  • jquery的each

    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')。

  • 相关阅读:
    Vue.js 父子组件间传递值
    Vue.js 单选绑定
    Vue.js 的v-for, v-html v-bind, v-show 实例
    Vue.js 表单input绑定
    Bootstrap tab
    Think PHP-- 笔记2
    MySql 修改登陆规则
    Think PHP--有趣的框架
    PHPStorm的xdebug配置
    伪类选择器
  • 原文地址:https://www.cnblogs.com/gua-gua/p/4695910.html
Copyright © 2011-2022 走看看