javascript - `clone` 不在 't add element ` 之后`

Question

我需要克隆元素并将其添加到其他元素之后。这段代码应该这样做但不起作用

$(document).on('click', '.js-add-faq-row', function(){
    var tl = $('.faq-container:last');
    tl.clone().after(tl);
});

fiddle is here

Answer 1

您需要使用 insertAfter()

$(document).on('click', '.js-add-faq-row', function(){
    var tl = $('.faq-container:last');
    tl.clone().insertAfter(tl);
});

或者你需要用 after() 这样做

$(document).on('click', '.js-add-faq-row', function(){
    var tl = $('.faq-container:last');
    t1.after(tl.clone());
});

在您的代码中，您试图在克隆的元素之后插入元素，该元素还不是 dom 的一部分。

更新: 或使用 after() 的更好更简单的方法 带回调

$(document).on('click', '.js-add-faq-row', function(){
    $('.faq-container:last').after(function(){
        return $(this).clone();
    });
});