如何在DIV中使用变量

[yyychn]

有一段代码，大致如下：
<div id=div1 class=class1> …… </div>
<div id=div2 class=class2> …… </div>
<div id=div3 class=class3> …… </div>
……
因为层数较多，想让div和class后面的数字使用变量并实现循环。在html文件中该如何实现？

[浅陌游离]

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"); }

[云-中-飞]

<div id="ext"> ..... </div> 外围加个div，用javascript 通过div，循环内部的div，然后操作

[ftiger]

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