創建和與對象相關使得不需要的結果

Question

我克隆一個元素並存儲到對象中。同時創建我添加到div的對象並追加以創建新元素。但我沒有得到loop決定輸出。

這裏是代碼：

var obj = {el:{}}; 

var newdiv = $('.div').clone(); 

var col = $('<div />'); 

for(i=0;i<10; i++) { 
    obj.el['el'+i] == undefined ? obj.el['elm'+i] = {} : null; 
    obj.el['el'+i] = newdiv.removeClass('div').addClass('show'); 
    $(obj.el['el'+i]).appendTo(col); 
} 

$(col).appendTo('#content'); 

console.log(col.children()); 

Live

Answer 1

我想你想

var $newdiv = $('.div').clone().removeClass('div').addClass('show'), 
    $col = $('<div />'); 

for(var i=0; i<10; i++) 
    $newdiv.clone().appendTo($col); 

$col.appendTo('#content'); 

console.log($col.children()); 

在你的代碼，你只克隆$('.div')一次，所以你總是追加相同的元素。相反，您應該在每次迭代時克隆元素。