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