यह केवल एक बार क्यों जोड़ा जाता है?

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"/>');