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" />');