克隆的元素，避免在同一時間超過一個克隆加入

Question

http://jsfiddle.net/p57hm/

時，我只是想每次點擊一個更多的克隆。我錯過了什麼obvious_感謝

腳本：

$(function(){ 

    $('input').click(function(){ 
     $('.cloneitem').clone().appendTo('#container'); 
    }); 

}); 

HTML：

<input type="button" value="clone it"/> 

<div id="container"></div> 

<div class="cloneitem">clone</div> 

Answer 1

試試這個http://jsfiddle.net/p57hm/1/

$(function(){ 

    $('input').click(function(){ 
     $('.cloneitem:first').clone().appendTo('#container'); 
    }); 

}); 

目前您正克隆所有具有類元素.cloneitem但你一次只需要1個，所以你不想全選e .cloneItem但只是第一個，並克隆那一個。

Answer 2

您的克隆仍具有類cloneitem，因此正在被克隆。 刪除此類或更改選擇器，使其不包含它們。

像這樣，加入類克隆，並過濾掉這些項目：

$(function(){ 
    $('input').click(function(){ 
     $('.cloneitem').not('.cloned').clone().addClass('cloned').appendTo('#container'); 
    });  
}); 

http://jsfiddle.net/infernalbadger/p57hm/4/

Answer 3

$(function(){ 
    var clone = $('.cloneitem').clone(); 
    $('input').click(function(){ 
     clone.clone().appendTo('#container'); 
    }); 
}); 

http://jsfiddle.net/tZuDe/

Answer 4

$('.cloneitem')選擇與cloneitem類的所有元素。

使用.first()：

$('input').click(function(){ 
    $('.cloneitem').first().clone().appendTo('#container'); 
}); 

Answer 5

你是克隆的所有元素以「cloneitem」類，所以在第一次克隆一次，第二次將其克隆2 .. U可以修復它通過過濾只有第一個對象是這樣的：

$(function(){ 

    $('input').click(function(){ 
     $('.cloneitem').first().clone().appendTo('#container'); 
    }); 

}); 

您也可以隨時選擇最後一個：

$('.cloneitem').last().clone().appendTo('#container'); 

或者只是綁定.clone（）的第一個項目：

$('.cloneitem:first').clone().appendTo('#container'); 

Answer 6

你克隆一個元素與類「cloneitem」隨後還追加與同一類問題引起的下一個克隆的克隆元素。

$(function() { 

    $('input').click(function(){ 
     $('.cloneitem').first().clone().removeClass('cloneItem').appendTo('#container'); 
    }); // edited 

}); 

Answer 7

有同樣的問題。向想要克隆的div添加一個id，這種方式是唯一的。一個元素只能有一個id，但有很多類。