如何在DOM中移动元素？

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

我想改变DOM中#superWidget的位置。 我想从#wrapperB中删除它并将其放在#wrapperA中。

我试过以下……

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

…然而，这打破了很多插件。

我不想重新绑定一切。 有一个更好的方法吗？ （我注意到jquery UI可排序在某种程度上能够在DOM中移动元素而不会破坏任何交互性……必须有一种方法。）

在此先感谢您的帮助

Answer 1

而不是重复，只需这样做：

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