Jquery 克隆后如何删除原始元素？

HTML:

---

这将使用

class=“test1”

再生成一个

。现在我如何删除第一个元素的原始元素？

我不知道为什么不能将元素附加到父元素，而不是克隆它然后删除它

反正

$('.clickdiv').on('click', function(){
    $('.test1').clone().appendTo('#test');
}

演示：

如果要将与

test1

关联的数据和处理程序复制到克隆中，则必须使用@ra_htial，只需稍作更改

$('.test1').remove().clone().appendTo('#test');

---

演示：

test1已经是一个jQuery对象，所以您不需要再次将它传递给$（）

$（'.test1'）。appendTo（'#test'）无需关闭当您再次单击时，此功能将不起作用。那就是克隆的元素没有class？@C-Link，因为
.test1
已经在父元素的底部，所以append不做任何事情。您可以始终使用
end（）
。它很方便，但经常不用。但是你肯定应该使用A.Wolff的

comment。我尝试了这两种方法，但不是我的滑块在做什么。你也可以发布关于end（）的内容。谢谢，但我不明白在remove（）之后clone（）是如何工作的，我想它找不到任何可以克隆的东西，因为它显然已经被删除了？

$('.test1').remove().clone().appendTo('#test');

$('.clickdiv').on('click', function () {
    var $el = $('.test1');
    $el.clone(true).appendTo('#test');
    $el.remove();
});

$('.clickdiv').on('click', function(){
    var test1 =$('.test1');
    test1.clone().appendTo('#test');
    test1.remove();
}