将元素追加为父元素

Question

我想知道是否可以使用jquery将元素附加为父元素。

想象一下，我的页面上有这个：

<div id="inner">

</div>

我希望在某种事件之后将#inner放在另一个div #outer和jquery中。

结果将是：

<div id="outer"> - This element was appended with JQUERY
   <div id="inner">
   </div>
</div>

不确定这是否可行。任何帮助表示赞赏。

Answer 1

请参阅此http://api.jquery.com/wrap/

$('#inner').wrap('<div id="outer"></div>')

Answer 2

$('#inner').wrap('<div id="outer"></div');

应该这样做。

Answer 3

您需要的是 wrap 功能：

$('#inner').wrap('<div id="outer"></div>');
$('#inner').before(' - this element was appended with jQuery');

Answer 4

在jQuery中肯定是可能的。

请查看jQuery API - ＆gt; 。包裹（）： http://api.jquery.com/wrap/

$("#inner").wrap('<div id="outer" style="background-color: #ddd"></div>');

实施例： http://jsfiddle.net/QL79C/1/

希望这有帮助！

Answer 5

wrap函数应该可以解决问题：）

var mkup = '<div id="outer"></div>';
$('#inner').wrap('<div id="outer"></div');