如何在DOM中移动元素?

时间:2012-12-30 05:53:08

标签: javascript jquery jquery-ui dom

我在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中移动元素而不会破坏任何交互性......必须有办法。)

先谢谢你的帮助

1 个答案:

答案 0 :(得分:50)

而不是重复,只需这样做:

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