Javascript 而循环和Jquery追加不起作用

Javascript 而循环和Jquery追加不起作用,javascript,jquery,html,loops,while-loop,Javascript,Jquery,Html,Loops,While Loop,第一个问题!希望你能帮助我。我试图使用Javascript while循环并排生成16个正方形,但我不明白为什么它不起作用。我不熟悉Javascript和jQuery,所以如果答案太简单,请原谅。先谢谢你 $(文档).ready(函数(){ var divs=$(“”); var i=0; 而(i

第一个问题!希望你能帮助我。我试图使用Javascript while循环并排生成16个正方形,但我不明白为什么它不起作用。我不熟悉Javascript和jQuery,所以如果答案太简单,请原谅。先谢谢你

$(文档).ready(函数(){
var divs=$(“”);
var i=0;
而(i<17){
$(“#包装”).append(divs);
i++;
}
});
#包装器{
宽度:600px;
利润率:70像素自动;
}
.广场{
宽度:40px;
高度:40px;
显示:内联块;
边框:1px纯黑;
}

在循环中,在每次迭代中都需要创建一个新对象,否则就像多次替换同一元素一样

因此,您可以只选择循环中的元素

$(文档).ready(函数(){
var divs=$(“”);
var i=0;
而(i<17){
$(“#包装器”).append(divs.clone());
i++;
}
});
#包装器{
宽度:600px;
利润率:70像素自动;
}
.广场{
宽度:40px;
高度:40px;
显示:内联块;
边框:1px纯黑;
}

更新这部分代码:

var divs =  "<div class='square'></div>";

您想附加div,所以只需在divs var中编写html代码

将代码更改为

var divs = "<div class='square'></div>"
var divs=“”
而不是

var divs = $("<div class='square'></div>");
var divs=$(“”);

我们看不到for循环。你是说while循环吗?标题中提到的
循环的
在哪里?