如何在DIV中使用变量_html/css_WEB-ITnose

有一段代码，大致如下：

 …… 

 …… 

 …… 

……
因为层数较多，想让div和class后面的数字使用变量并实现循环。在html文件中该如何实现？

回复讨论(解决方案)

.....

外围加个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   $('

').append("body");
}

for(var i=1;i   $('

').appendTo("body");
}