jquery - 添加特定数量的div jquery

Question

每次页面加载时，我都需要在正文中添加特定数量的带有一类框的 div 这是我的代码

  var divAmount = 4;
 $(document).ready(function(){
$("<div class='box'></div>").appendTo("body");
$('.box').each(function(index){
    if(index < divAmount){
        $("<div class='box'></div>").appendTo("body");
    }
}); 
 });

这只是添加第一个 appendTo div 我将如何添加我想要的数字？

Answer 1

只需这样做：

var divAmount = 4;
$(document).ready(function() {
  for (var i = 0; i < divAmount; i++) {
    $("<div class='box' />").appendTo("body");
  }
});