Jquery kombiniert Tags

Question

Wie kann ich zwei ähnliche Tags mit jquery kombinieren?

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

in:

<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>

Verwendung .unwrap() und .wrapAll()

Beschreibung: Entfernen Sie die Eltern der se t von übereinstimmenden Elementen aus dem DOM, wobei die übereinstimmenden Elemente an ihrer Stelle bleiben.

Beschreibung: Umschließen Sie eine HTML-Struktur um alle Elemente in der Menge der übereinstimmenden Elemente.

Answer 2

Dank gurdio,

fand ich, dass dies funktionieren wird, während die spezifisch für die .case Klasse.

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