zoukankan      html  css  js  c++  java
  • jq的each遍历

    原文出处https://www.cnblogs.com/tylerdonet/archive/2013/04/05/3000618.html

    jQuery 遍历函数包括了用于筛选、查找和串联元素的方法

    var arr=[1,2,3,4];
    $.each(arr,function(){
    alert(this)
    })//1,2,3,4

     

    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 
    复制代码
     
     

     2.遍历DOM元素

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $("li").each(function(){
          alert($(this).text())
        });
      });
    });
    </script>
    </head>
    <body>
    <button>输出每个列表项的值</button>
    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    <li>Soda</li>
    </ul>
    </body>
    </html>

     3.each和map的比较

    each方法:

    定义一个空数组,通过each方法,往数组添加ID值;最后将数组转换成字符串后,alert这个值;

     复制代码

    $(function(){
        var arr = [];
        $(":checkbox").each(function(index){
            arr.push(this.id);
        });
        var str = arr.join(",");
        alert(str);
    })
    复制代码
    map方法
    将每个:checkbox执行return this.id;并将这些返回值,自动的保存为jQuery对象,然后用get方法将其转换成原生Javascript数组,再使用join方法转换成字符串,最后alert这个值;
    $(function(){
        var str = $(":checkbox").map(function() {
            return this.id;
        }).get().join();    
        alert(str);
    })
  • 相关阅读:
    MYSQL
    spider
    git命令
    just_connect.py
    3sql
    4sql
    2sql
    springMVC3学习(六)--SimpleFormController
    springMVC3学习(五)--MultiActionController
    springMVC3学习(四)--访问静态文件如js,jpg,css
  • 原文地址:https://www.cnblogs.com/lppswkf/p/8004783.html
Copyright © 2011-2022 走看看