Jquery結合標籤

Question

如何使用jquery結合兩個相似的標籤？

<div class="case"> 
    <span>hey</span> 
</div> 
<div class="case"> 
    <span>there</span> 
</div> 

到：

<div class="case"> 
    <span>hey</span> 
    <span>there</span> 
</div> 

Answer 1

$("span").unwrap(); 
 
$("span").wrapAll("<div class='case' />");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="case"> 
 
    <span>hey</span> 
 
</div> 
 
<div class="case"> 
 
    <span>there</span> 
 
</div>

使用.unwrap()和.wrapAll()

說明：刪除的SE父母來自DOM的匹配元素，將匹配元素留在它們的位置。

描述：將HTML結構包裹在匹配元素集合中的所有元素周圍。

Answer 2

感謝gurdio，

我發現，同時具體到。病例類這會工作。

$(".case").wrapAll("<div class='case'/>"); 
$(".case>.case").children().unwrap();