zoukankan      html  css  js  c++  java
  • jQuery中有关each方法的使用

    概述:

      each() 方法规定为每个匹配元素规定运行的函数。

      返回 false 可用于及早停止循环,相当于break。

      返回 true 可以结束本次循环,相当于continue。

    语法:

      $(selector).each(function(index,element){ })

        index - 选择器的 index 位置
        element - 当前的元素(也可使用 "this" 选择器)

      $(selector).each(function(){  })

      $.each(array,function(Key,Value){ })

    1.遍历js数组

    $(function(){
        var array=["aaa","bbb","ccc"];
        $.each(array,function(i,j){
            alert(i+":"+j);  //i表示索引,j代表值
        });
    })  

    2.遍历Object对象

    var obj = new Object();
    obj.name="zs";
    $.each(obj, function(name, value) {
      alert(this);      //this指向当前属性的值,等价于value
      alert(name);     //name表示Object当前属性的名称
      alert(value);     //value表示Object当前属性的值
    });

    3.遍历JSON对象

    var json ={"name":"zhangSan","role":"student"};
    $.each(json,function(key,value){
        alert(key+":"+value);
    });

    4.遍历由多个JSON对象组成的数组

    var json =[{"name":"Amy","role":"student"},{"name":"Tom","role":"student"}];
    $.each(json, function(index, value) {
         alert("index="+index+"
    " +"name:"+value.name+"
    "+"role:"+value.role+"
    ");
    });

     5.遍历jQuery对象

      <head>
           <meta charset="utf-8" />
            <title>遍历jQuery对象</title>
            <script src="js/jquery-1.12.4.js"></script>
            <script type="text/javascript">
                $(function(){
                    $("input[type='button']").bind("click",function(){
                        $("li").each(function(){
                            alert($(this).text())
                          });
                    });
                });
            </script>
        </head>
        <body>
            <input type="button" value="触发事件"/>
            <ul>
                <li>first</li>
                <li>second</li>
            </ul>
        </body>
  • 相关阅读:
    poj1363Rails(栈模拟)
    centos6.5设备mysql5.6
    SGU326Perspective(网络流量的最大流量)(经典赛车模型)
    扩大或缩小undo表空间
    Boost源代码学习---shared_ptr.hpp
    leetcode
    为客户打造RAC-DG一些遇到的问题汇总
    十归并排序有用的算法和二进制搜索的基础
    Delphi TNativeXML Node节点乱码的一种解决方法
    Delphi TcxTreeList 读取 TcxImageComboBoxItem类型的值
  • 原文地址:https://www.cnblogs.com/q924152020/p/8586530.html
Copyright © 2011-2022 走看看