¿Por qué solo se agrega una vez?

Question

Este bucle (consulte jsfiddle) intenta agregar una etiqueta <span> a un contenedor cinco veces. Pero solo lo hace una vez. ¿Por qué?

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

Answer 1

El problema es que está agregando el mismo elemento varias veces.
Utilice clone para clonar el elemento y luego append.

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

demo

actualización:

esta manera usted puede personalizar su elemento y luego clonarlo con todas las propiedades.

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

demo2

Update2: según this comentario.

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