jQuery克隆喜歡克隆自己太多..如何避免？

Question

見我的例子： http://jsfiddle.net/ujvHe/

當你點擊+添加按鈕第二次，那麼它使得4列與領域，而當你按下它第三次它使8個rowfields。

當您點擊+添加時，我只想在這些字段中追加一行。

如何解決這個問題？

Answer 1

這就是監守你克隆一次又一次克隆標記，試試這個：

  $(function(){ 
       $('#products_addlink').live('click', function(){ 
        var $orig = $('.products_add:first').clone(true); 

        $('#products_adds').append($orig); 
       }); 
      }); 

http://jsfiddle.net/ujvHe/1/

Answer 2

你可以使用的$('.products_add:eq(0)')代替$('.products_add')

這樣，你只克隆具有第一項products_add類

演示：http://jsfiddle.net/gRffg/

Answer 3

最好的辦法是將克隆作爲複製它的函數之外的變量。

另外，如果你每次都讓現場的克隆，

var $orig = $('.products_add').first().clone(true);