创建和与对象相关使得不需要的结果

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')一次，所以你总是追加相同的元素。相反，您应该在每次迭代时克隆元素。