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>
  • 相关阅读:
    微信小程序中,block的作用
    关于小程序 页面中的生命周期函数
    MySQL -- 修改root密码
    Python3 -- time 获取任意前N天的日期
    linux -- 解决配置vim中文乱码的问题
    Linux -- iTem2 长时间保持会话(不断开)
    数据结构与算法 -- Python实现【归并排序算法】
    Git -- 目录
    Linux -- screen 命令
    python3 -- Linux 离线安装pip3方法
  • 原文地址:https://www.cnblogs.com/q924152020/p/8586530.html
Copyright © 2011-2022 走看看