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

Question

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

当您第二次单击+添加按钮时，它会使用字段生成4行，而当您第三次按下它时会生成8个行字段。

当您点击+添加时，我只想在这些字段后附加一行。

如何解决这个问题？

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