`clone`不添加元素``後'

Question

我需要克隆元素並添加它之後elelment。此代碼應該做的，但不能正常工作

$(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的克隆元素之後。

UPDATE：以上更好，使用簡單的方法after()有回調

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

Answer 2

的問題是，您要添加tl後的克隆，但克隆不存在任何地方。你需要做的周圍用另一種方式：

var clone = tl.clone(); 
tl.after(clone);