JQuery最接近和克隆问题

Question

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

我在这里做了样本

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

我正在使用以下代码来附加以形式的元素：

$("#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);这意味着它将在表单元素的末尾附加克隆元素。