• jq 中each的用法


    jQuery的each方法的几种常用的用法

    each()方法能使DOM循环结构简洁,可遍历一维数组、多维数组、DOM, JSON 等等。

    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(i) {     
        alert(obj[i]);           
    });   

    //这个each就有更厉害了,能循环每一个属性     
    //输出结果为:1   2  3  4

     

    ecah处理dom元素,此处以一个input表单元素作为例子。

    如果你dom中有一段这样的代码
    <input name="aaa" type="hidden" value="111" />
    <input name="bbb" type="hidden" value="222" />
    <input name="ccc" type="hidden" value="333" />
    写法1
     $.each($("input:hidden"), function(i,val){  
         alert(i);
         alert(val.name);
         alert(val.value);   
     });  

    写法2

    $("input:hidden").each(function(i,val){
        alert(i);
        alert(val.name);
        alert(val.value);       
    });
    来自:http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html
     
  • 相关阅读:
    app ios info权限配置:
    ionic3 小记录
    mipush ionic3 线上push
    ionic3 生命周期 之 ionViewWillLeave 坑
    iphone X 底部留白 之 ionic3 项目
    微信小程序 修改手机状态栏颜色
    git 命令
    微信小程序 下拉加载
    js 判断浏览器型号
    关于 ionic3 tabs 导航ico 点击 页面返回顶部
  • 原文地址:https://www.cnblogs.com/huangyin1213/p/5580237.html
Copyright © 2020-2023  润新知