jq给元素动态添加id

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jq给元素动态添加id</title>
<script src="jquery.js"></script>
</head>
<body>

<ul>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
<li class="box"></li>
</ul>

<script>
$(".box").each(function(){
$(this).attr('id',"box"+$(this).index());
$(this).text("box"+$(this).index())
})
</script>
</body>
</html>

posted on 2018-08-22 15:03  ping11  阅读(8381)  评论(0)    收藏  举报