如何在DOM中移动元素？

Question

我在DOM中有一个非常具有交互性的元素#superWidget。它使用jquery UI可排序，可拖动和一堆其他插件。

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

我想改变DOM中#superWidget的位置。我想将它从#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'));