如何在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'));