jQuery 遍历的 each() 方法

去山中嘘嘘 2016-09-01

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

效果图:

jQuery 遍历的 each() 方法
 

定义和用法

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

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

语法

$(selector).each(function(index,element))

参数
描述
function(index,element)

必需。为每个匹配元素规定运行的函数。

    - index - 选择器的 index 位置
    - element - 当前的元素(也可使用 "this" 选择器)


建议
 

正确处理循环,循环总是一种比较耗时的操作,如果可以使用复杂的选择器直接选中元素,就不要使用循环,去一个个辨认元素。

javascript原生循环方法for和while,要比jQuery的.each()方法快,应该优先使用原生。

相关推荐

80437916 / 0评论 2020-01-23