第一个问题在这里!希望你能帮我。我正在尝试使用 Javascript while 循环并排制作 16 个正方形,但我不明白为什么它不起作用。我是 Javascript 和 jQuery 的新手,所以如果答案太简单,请原谅我。预先感谢您。
$(document).ready(function() {
var divs = $("<div class='square'></div>");
var i = 0;
while (i < 17) {
$("#wrapper").append(divs);
i++;
}
});
#wrapper {
width: 600px;
margin: 70px auto;
}
.square {
width: 40px;
height: 40px;
display: inline-block;
border: 1px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div id="wrapper">
<div class="square"></div>
</div>
</body>
强文字
最佳答案
在循环中,每次迭代都需要创建一个新对象,否则就像多次替换同一个元素
所以你可以 clone()循环中的元素
$(document).ready(function() {
var divs = $("<div class='square'></div>");
var i = 0;
while (i < 17) {
$("#wrapper").append(divs.clone());
i++;
}
});
#wrapper {
width: 600px;
margin: 70px auto;
}
.square {
width: 40px;
height: 40px;
display: inline-block;
border: 1px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wrapper">
<div class="square"></div>
</div>
关于javascript - While 循环和 Jquery 追加不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35665897/