jquery，在div中包裹一个元素

问题描述：

<div id="top"> 

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


</div>

我想要做的是用另一个div元素包围span。jquery，在div中包裹一个元素

所以它看起来像这样：

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

什么是做到这一点的最好方法是什么？我发现wrapAll（）很有用，但不知道如何在#top中包含所有元素。

答

使用.wrap()方法

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

我用wrapInner做到了。 – user469652

事实上，我很粗心，并没有看到“在#top内包含所有元素”。 – atma

答

您可以使用wrapInner或

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

答

您可以使用试试这个：

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