jquery，在div中包装一个元素

Question

<div id="top">

   <span id="innter"></span> Here may have a lot of different div, span


</div>

我想要做的是用另一个div元素包裹span。

所以它看起来像这样：

<div id="top">
   <div id="wrapper">
       <span id="innter"></span>
    </div
</div>

最好的方法是什么？ 我发现wrapAll（）很有用，但不确定如何在#top。

中包含所有元素

Answer 1

使用.wrap()方法

$('#innter').wrap('<div id="wrapper" />');

Answer 2

您可以使用wrapInner或

var content = $("#top").html();
$("#top").html("<div id='wrapper'>"+content+"</div>");

Answer 3

您可以试试这个：

 $('#top').wrapInner('<div id="wrapper" />');