如何用jQuery将一个HTML代码放入另一个DIV中

Question

有这样一段代码：

<div id="id_materials_wmd_preview" class="wmd-panel wmd-preview"></div>

我想读出来，在这段代码前面插入<div id="aa">，在后面插入</div>，意思就是将上面的HTML代码放入到<div></div>之中.

我写了这段代码：

$('#id_materials_wmd_preview').before('<div id="aa">').after('</div>');

但浏览里的代码中只能看到:

<div id="aa"></div>
<div id="id_materials_wmd_preview" class="wmd-panel wmd-preview"></div>

原来的HTML代码并没有放到<div></div>中去。

Answer 1

$('#id_materials_wmd_preview').wrap('<div id="aa"></div>');