Javascript 为什么jQuery appendTo会删除现有的列表项？

我正在处理一个项目，在这个项目中，我需要将列表项从列表1添加到列表2，单击它的dblclick或按下add按钮。 到目前为止，我已经做到了这一点

但是如果您看到单击列表1项也会从列表1中删除单击的项，我不想这样做。我只需要将它从列表1复制到列表2，有人能帮我吗？

---

谢谢

将现有元素附加到新的父元素时，请移动它；它不会被复制。应首先克隆元素，然后附加克隆的元素：

$('#select1').on ("dblclick","li", function(){
  return $(this).clone().appendTo('#select2').removeClass('highlight'); 
});

及

您可以使用clone（）函数来帮助编写此代码

$('#select1').on ("dblclick","li", function(){
   return $(this).clone().appendTo('#select2').removeClass('highlight'); 
});

全部代码在这里

---

很抱歉，但如果我要dbl单击li，则li将从列表中删除，我认为op不希望出现这种情况。请选中此项。双击添加元素时也会出现相同的情况。应该先克隆。感谢编辑T.J.：）

$('#add').click(function() {  
 $('#select1 .highlight').clone().appendTo('#select2').removeClass('highlight'); 
});   

$('#select1').on ("dblclick","li", function(){
   return $(this).clone().appendTo('#select2').removeClass('highlight'); 
});