jQuery .each()遍历用法

た入场券 2022-08-22 06:16 225阅读 0赞

## 定义和用法 ##

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

提示：返回 false 可用于及早停止循环。

<span style="font-size:18px;"><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></span>

jQuery的each方法的几种常用的用法

<span style="font-size:18px;">var arr = [ "one", "two", "three", "four"];    
     $.each(arr, function(){    
      alert(this);    
     });    
    //上面这个each输出的结果分别为：one,two,three,four   
        
    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(key, val) {    
      alert(obj[key]);       
    });   
    //这个each就有更厉害了，能循环每一个属性    
    //输出结果为：1  2 3 4 </span>

参考来源：[http://www.jb51.net/article/24581.htm][http_www.jb51.net_article_24581.htm]

[http_www.jb51.net_article_24581.htm]: http://www.jb51.net/article/24581.htm

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 遍历 - each() 方法

jQuery 遍历 - each() 方法 var totalMoney = $("money").val(); //获取 id="money"元素的value值

曾经终败给现在/ 2024年02月18日 17:19/ 0 赞/ 5 阅读

相关 jQuery .each()遍历用法

定义和用法 each() 方法规定为每个匹配元素规定运行的函数。提示：返回 false 可用于及早停止循环。 <span style="font-size:

た入场券/ 2022年08月22日 06:16/ 0 赞/ 226 阅读

相关 jquery使用each方法遍历元素

<!DOCTYPE html> <html> <meta charset="UTF-8"> <head> <

港控/mmm°/ 2022年08月12日 01:07/ 0 赞/ 210 阅读

相关 jquery each 遍历

在jquery中，遍历对象和数组经常会用each $.each("input"\],function(i,n) \{ alert("索引:"+i+"

Myth丶恋晨/ 2022年06月16日 08:40/ 0 赞/ 231 阅读

相关 $.each(json,function(index,item){ }); jquery遍历

$.each(json,function(index,item) 里面的index代表当前循环到第几个索引， item表示

深碍√TFBOYSˉ_/ 2022年05月27日 23:48/ 0 赞/ 184 阅读

相关 jQuery $.each用法

以下内容非原创，来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它，你可以遍历对象、数组的

逃离我推掉我的手/ 2022年03月29日 07:40/ 0 赞/ 264 阅读

相关 $.each遍历json对象

查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。 var json = \[ \{"id":"1","tagName":"apple"\}

╰+哭是因爲堅強的太久メ/ 2022年03月20日 20:01/ 0 赞/ 261 阅读

相关 jquery之each遍历数组

1 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

青旅半醒/ 2022年03月14日 08:20/ 0 赞/ 254 阅读

相关 jquery的each遍历对象、数组、标签

jQuery的遍历方法通常被用来遍历DOM元素，用于数组和对象的是$.each()方法，它接受两个参数，分别指代属性名/数组索引和属性值/数组元素：一、`$.each(

一时失言乱红尘/ 2022年02月19日 09:41/ 0 赞/ 465 阅读

相关 jq each遍历

节点的遍历遍历选择的每个节点，执行each中的函数 $('选择器').each(function(当前元素下标/可选,当前元素/可选

我不是女神ヾ/ 2021年07月24日 20:03/ 0 赞/ 485 阅读