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>
  • 相关阅读:
    spring jdbctemplate 集成duckdb docker 镜像
    GLIBCXX_3.4.x 问题解决
    spring jdbctemplate 集成duckdb
    spring-boot-starter-data-jdbc Cannot determine a dialect Please provide a Dialect
    kotlin 学习 三 maven 集成+java 互调用
    kotlin 学习 二 命令行模式运行
    kotlin 学习 一 环境搭建
    pt-ioprofile io 瓶颈分析工具
    zombodb 3000 alpha1发布
    openfeign+retronfit http 访问
  • 原文地址:https://www.cnblogs.com/q924152020/p/8586530.html
Copyright © 2011-2022 走看看