如何移動DOM中的元素？

Question

我在DOM中有一個元素#superWidget，它非常具有交互性。它使用jQuery UI可排序，可拖動和其他一些插件。

<div id="wrapperA"></div> 
<div id="wrapperB"> 
    <div id="superWidget"></div> 
</div> 

我想更改#superWidget在DOM中的位置。我想從#wrapperB中刪除它並將它放在#wrapperA中。

<div id="wrapperA"> 
    <div id="superWidget"></div> 
</div> 
<div id="wrapperB"></div> 

我曾嘗試以下...

var copy = $("#superWidget").clone(true, true); 
$("#superWidget").remove(); 
$("#wrapperA").append(copy); 

......然而，這打破了很多的插件。

我不想重新綁定所有東西。有一個更好的方法嗎？ （我注意到，jQuery UI的排序在某種程度上能夠在DOM中移動元素而不會破壞任何交互......一定有辦法。）

感謝（提前）對你的幫助

Answer 1

不是複製而是，只要這樣做：

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));