javascript - 在循环 jQuery 上添加元素

Question

我正在尝试在加载网页时生成一行 16 个框。

这是我的代码:

var box = $("<div></div>").addClass("box");
    $(document).ready(function(){
            for(var i = 0; i < 16; i++) {
                $("#container").append(box);
                }
            });

我还在 for 循环的代码块中尝试过这个:

if($("#container:contains(box)")) {
   $(box).append(box);
}

我有点明白为什么这不起作用。那个 var box 仅引用一个元素，而不是元素的副本？

正如你所知，我是新人。我真的很感激一些关于如何实现这一目标的指示。谢谢。

Answer 1

为什么不直接这样使用呢？

for(var i = 0; i < 16; i++) {
   $("#container").append('<div class="box box-'+i+'" />');
}