zoukankan      html  css  js  c++  java
  • jquery的each循环

    jquery的each循环,主要有2种:

    1) 循环数据

    语法: jQuery.each(object,[callback])

    参数:

      object: 需要遍历的对象或数组。

      callback: 每个成员/元素执行的回调函数.回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

    例子1: 循环一个列表

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://code.jquery.com/jquery-3.1.1.min.js" ></script>
    <script>
    var arr=[123,456,789,0];
    $.each(arr,function(i,j){
    console.log(i,j);
    })
    </script>
    </head>
    <body>

     显示结果如下: 列表的每个索引和他对应的值

     

    例子2: 循环一个对象

     

            var obj={"name":"tom","age":15};
            $.each(obj,function(i,j){
            console.log(i,j);
            });

    结果:显示对象中的key和value

    2)循环标签元素

    代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="http://code.jquery.com/jquery-3.1.1.min.js"  ></script>
        <script>
            $(function () {
                $("ul li a").each(function () {
                    console.log($(this).html())
                })
            })
    
        </script>
    </head>
    
    <body>
    <ul>
        <li><a href="">关于我们</a></li>
        <li><a href="">联系方式</a></li>
        <li><a href="">产品答疑</a></li>
    </ul>
    
    
    </body>
    </html>

    注意:  这样写一定要写$(function (){}),$(function (){})是$(document).ready(function()的简写,会在DOM加载完毕之后执行.

  • 相关阅读:
    laravel如何自定义一个路由文件
    RGAC-laravel权限管理
    导航栏下划线跟随
    php简单的判断用户登陆
    php判断文件上传的类型
    git 如何删除仓库中的文件
    laravle中config( )函数的使用
    [leetcode] Count and Say
    [leetcode] Sudoku Solver
    [leetcode] Search Insert Position
  • 原文地址:https://www.cnblogs.com/yimiaoyikan/p/11000943.html
Copyright © 2011-2022 走看看