Jquery each的使用及demo

来源:互联网 发布:sql server桌面图标 编辑:程序博客网 时间:2024/06/05 19:33

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>
原创粉丝点击