Jquery combine tags

Question

jqueryを使用して2つの同様のタグを組み合わせるにはどうすればよいですか？

<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クラスに固有でありながら、これが動作することがわかりました。

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