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

jquery 最接近和克隆问题

jquery closest and clone issue

jquery

clone

onclick