jQuery最近和克隆问题

Question

我有一个拖放式表单生成器，我想使用一个按钮重复表单元素。

我做了示例here

当我单击“重复”按钮时，它将自动将表单元素添加到表单末尾的表单字段中。但是问题是我缺少父元素的重复按钮，并且可以在新元素上看到两个重复按钮。

我正在使用以下代码将元素添加到表单中：

$("#sjfb").on("click", ".rpt", function() {
        var ele = $(this).closest('.field').clone(true);   
        $('html, body').animate({ scrollTop: $(document).height() }, 1000);
        $(this).appendTo('#form-fields').after(ele);

    });

但是当我将其更改为以下代码时，我可以轻松地将表单元素添加到最近的字段中，而没有任何问题。但是我需要表格末尾的新元素。

$("#sjfb").on("click", ".rpt", function() {
        var ele = $(this).closest('.field').clone(true);   
        $(this).closest('.field').after(ele);
            });

请帮助我解决这个问题！

Answer 1

使用$('#form-fields').append(ele);，这意味着它将克隆的元素附加在form元素的末尾。