在dom的其他地方移动div

Question

以下代码动态插入DOM。但是，我想将div＃example从它的位置移动并将其添加到#wrapper。我如何使用jQuery来实现这一目标？

<div id="wrapper">
     <div id="div1">
          <div id="example">
          </div>
     </div>
     <div id="div2">

     </div>
</div>

我尝试了$('#wrapper').prepend('#example');

但是，这只是将文本#example（而不是div）添加到#wrapper。

Answer 1

你可以做到

$('#wrapper').prepend( $('#example') );

或者

$('#example').prependTo('#wrapper');

Answer 2

选择器的另一种方式

$("#example").prependTo("#wrapper")

这是一个JSFiddle example来证明它按预期工作。如果这个代码在您的情况下似乎不起作用，那么构建您自己的JSFiddle以便我们实际上可以看到您的代码出了什么问题。