爲什麼只附加一次？

Question

此循環（請參閱jsfiddle）嘗試向容器追加一個<span>標記五次。但它只做了一次。爲什麼？

var myArr = [0,1,2,3,4]; 
var $span= $('<span></span>'); 
for (var i = 0; i < (myArr.length); i++) { 
    $('.contain').append($span); 
} 

Answer 1

問題是你多次追加相同的元素。
使用clone來克隆該元素，然後使用append。

$('.contain').append($span.clone());

demo

更新：

這樣你可以定製你的元素，然後用所有屬性克隆。

var $span = $('<span/>', { 
        'class': 'someClass otherClass', 
        'css': { 
         'background-color': '#FF0000' 
        } 
      }); 
for (var i = 0; i < (myArr.length); i++) { 
    $('.contain').append($span.clone()); 
} 

demo2

UPDATE2：根據this評論。

$('.contain').append('<span class="yourClass"/>');