如何用新類包裝元素並刪除內部包裝？

Question

例如：

<div class="container"> 
    <div class="inner"><p>Hello</p></div> 
    <div class="inner"><p>Goodbye</p></div> 
</div> 

輸出應該是這樣的：

<div class="container"> 
    <div class="new"> 
    <p>Hello</p> 
    <p>Goodbye</p> 
    </div> 
</div> 

Answer 1

可以使用wrapAll包裹所有內包裹，並通過使用contents除去內側包皮像下面使用unwrap：

使用如下數據：demo

$('.inner').wrapAll('<div class="new" />').contents().unwrap(); 

還是用這樣的：demo

$('.inner p').unwrap().wrapAll('<div class="new" />'); 

Answer 2

您可以使用.unwrap()和.wrapAll()方法：

$('.container p').unwrap().wrapAll('<div class="new"></div>'); 

jsFiddle