zoukankan      html  css  js  c++  java
  • Jquery中的$().each() 方法

    先举例子,

    输出每个 li 元素的文本:

     1 <html>
     2 <head>
     3 <script type="text/javascript" src="/jquery/jquery.js"></script>
     4 </head>
     5 <body>
     6 <button>输出每个列表项的值</button>
     7 <ul>
     8 <li>Coffee</li>
     9 <li>Milk</li>
    10 <li>Soda</li>
    11 </ul>
    12 </body>
    13 <script type="text/javascript">
    14 $(document).ready(function(){
    15   $("button").click(function(){
    16     $("li").each(function(){
    17       alert($(this).text())
    18     });
    19   });
    20 });
    21 </script>
    22 
    23 </html>
    View Code

    语法:
      $(selector).each(function(index,element))

    说明: function(index,element)

    其中function函数为是必需的,它为每一个匹配元素规定了运行的函数

    index为选择器的位置,element指向当前的元素(也可以使用“this”选择器)。

  • 相关阅读:
    9.16第一次上课关于HTML的小结
    9.22课堂记录
    9.19课堂记录
    html文档基本结构
    HTMl学习1
    HTML第一次学习笔记
    CSS3和CSS2.1的区别
    HTML5新元素
    第一课:HTML
    块级元素和行内元素
  • 原文地址:https://www.cnblogs.com/heyijing/p/4941782.html
Copyright © 2011-2022 走看看