`clone` не добавляет элемент` after`

Question

Мне нужно клонировать элемент и добавить его после onther 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);