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>
-