Javascript `克隆`不'；t在后面添加元素'`

我需要克隆元素并在元素之后添加它。这段代码本应该这样做，但不起作用

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

您需要使用

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

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

或者您需要使用

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

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

在代码中，您试图在尚未成为dom一部分的克隆元素之后插入元素

更新：或更简单的方法，使用带有回调的

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

您需要使用

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

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

或者您需要使用

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

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

在代码中，您试图在尚未成为dom一部分的克隆元素之后插入元素

更新：或更简单的方法，使用带有回调的

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

---

问题是您试图在克隆后添加

tl

，但克隆还不存在。您需要以另一种方式进行：

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

---

问题是您试图在克隆后添加

tl

，但克隆还不存在。您需要以另一种方式进行：

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

---

@OleksandrKhavdiy:小提琴中缺少jQuery库，@OleksandrKhavdiy:很高兴帮助你：）@OleksandrKhavdiy:小提琴中缺少jQuery库，@OleksandrKhavdiy:很高兴帮助你：）