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);
    }
});

多次显示元素

2 个答案: