jquery - jQuery clone 太喜欢克隆自己了。如何避免？

Question

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

当您第二次单击 +add 按钮时，它会生成 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);