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