jquery - 多次显示元素

Question

我正在尝试使用 jquery 多次显示一个小框。我的目标类似于 for 循环

<span class="box_counter"></span>


 .box_counter {   
   float: left;
   width: 10px;
   height: 10px;
   margin: 40px 0px 0px 250px;     
   background-color: black;
 }

所以喜欢（伪代码）

for (index != total)
  push.box_counter
  index++

JSFIDDLE

Answer 1

在循环中创建元素。例子：

for (var i = 0; i < 10; i++) {
  $(document.body).append($('<span>').addClass('box_counter'));
}

演示：http: //jsfiddle.net/WUYfW/2/

Answer 2

只需克隆元素，然后在 DOM JSFIDDLE中添加副本

$(function() {
    var total = 20;

    for (var i=0; i<total; i++) {
        $boxCntr = $(".box_counter").first().clone(true);
        $(".box_counter").last().after($boxCntr);
    }
});