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();