jQuery each() 方法



  • 定义和用法

    each() 方法为每个匹配元素规定要运行的函数。
    提示:返回 false 可用于及早停止循环。
  • 语法

    $(selector).each(function(index,element))
  • 参数

    参数 必需的 描述
    function(index,element)
    为每个匹配元素规定运行的函数。
    • index - 选择器的 index 位置。
    • element - 当前的元素(也可使用 "this" 选择器)。
  • 实例

    下例演示了输出每个 <li> 元素的文本:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("button").click(function(){
                $("li").each(function(){
                    alert($(this).text())
                });
            });
        });
    </script>
    </head>
    <body>
         <ul>
              <li>苹果</li>
              <li>香蕉</li>
              <li>蔬菜</li>
         </ul>
         <button>点击输出每个列表项的值</button>
    </body>
    </html>
    
    
    尝试一下