Jquery each的使用及demo
蒙奇
each 是jquery中的遍历意思，相当于循环。
使用如下
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>each 案例</title>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<h1>aaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaa</h1>
<h1>aaaaaaaaaaaaaaa</h1>
</body>
<script type="text/javascript">
//方式一
/*$("h1").each(function(i){
$("h1").get()[i].setAttribute('num',i+1);
});
$("h1").click(function(){
this.innerHTML=this.getAttribute('num');
});*/
//方式二
$("h1").each(function(i){
$(this).data({'num':i+1});
});
$("h1").click(function(){
$(this).html($(this).data('num'));
});
</script>
</html>
类似资料：