`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);