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);