如何在DIV中使用变量
有一段代码，大致如下：
<div id=div1 class=class1> …… </div>
<div id=div2 class=class2> …… </div>
<div id=div3 class=class3> …… </div>
……
因为层数较多，想让div和class后面的数字使用变量并实现循环。在html文件中该如何实现？
------解决方案--------------------
<div id="ext">
.....
</div>
外围加个div，用javascript 通过div，循环内部的div，然后操作
------解决方案--------------------
纯html没法子
用js有三个思路。
一个是document.write
二个是innerHTML
三个是createElement
------解决方案--------------------

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

	$(function(){

		$("#abv").click(function(){

			for(var i=1;i<=$("div").length-1;i++){

				$("#div"+i).html(i);

			}

		});

	})

</script>

<input type="button" id="abv" value="测试用按钮"/>

<div id="kkk">

 <div id="div1" class="class1">`````</div>

 <div id="div2" class="class2">`````</div>

 <div id="div3" class="class3">`````</div>

</div>

------解决方案--------------------
1、用后代代码实现
不管是asp.net/asp/jsp都有for循环的，这样的好处是即使客户端不支持js，也可以显示出DIV
2、用js实现
for(var i=1;i<=10;i++){
  $('<div id="div'+i+'" class="class'+i+'"></div>').append("body");
}
------解决方案--------------------
for(var i=1;i<=10;i++){
  $('<div id="div'+i+'" class="class'+i+'"></div>').appendTo("body");
}