需要达到动态的追加ul li节点,外层循环控制ul标签对个数,内层循环控制当前ul标签内li标签对个数
jquery关键代码: $("#button2").click(function(){
$("#div1").empty();//每次点击,请div内容清空,但是不删除当前div节点
for(var i=0 ;i<2;i++){
var u = $("#div1").append("
- ");//外层循环添加ul到div内,且赋予了一个变量
for(var j=0;j<3;j++){
u.append("
"+i+","+j+"");//内层循环追加li}
$("#div1").append("
"); //外层循环添加ul结束标志到div内}
页面内容关键代码如下:
This is some text in the div.
添加 div 元素
This is a paragraph in the div.
This is another paragraph in the div.