<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<script type="text/javascript" src="jquery-1.10.1.min.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>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ul>
</body>
</html>
效果图：
定义和用法
each() 方法规定为每个匹配元素规定运行的函数。
提示：返回 false 可用于及早停止循环。
语法
$(selector).each(function(index,element))
|
参数
|
描述
|
| function(index,element) | 必需。为每个匹配元素规定运行的函数。
- index - 选择器的 index 位置
- element - 当前的元素（也可使用 "this" 选择器）
|
建议
正确处理循环,循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。
javascript原生循环方法for和while，要比jQuery的.each()方法快，应该优先使用原生。