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

Question

HTML：

<div id="test">
    <p class="test1">test 1</p>
    <p class="test2">test 2</p>
    <p class="test3">test 3</p>
    <p class="test4">test 4</p>
</div>

<div class="clickdiv">click</div>

jQuery

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

这将产生一个<p> 和class = "test1"。现在我怎样才能删除原来的第一个？

Answer 1

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

不管怎样

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

演示：Fiddle

如果您想将与 test1 关联的数据和处理程序复制到克隆，则必须使用 @ra_htial 并稍作更改

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

演示：Fiddle

Answer 2

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