Wrap Deferenten HTML-Tags mit einem div mit jQuery

Question

Ich habe die folgenden Zeilen in HTML:

<header class="title"> 
    <h3>Billing Address</h3> 
</header> 

<address> 
<p>Address</p> 
</address> 

Und ich möchte sie zwischen einem neuen div mit jQuery wickeln, weil ich Zugang haben nicht zu das HTML.

Wenn ich .before() und .after(), es funktioniert nicht

$('header').before('<div="new-div">'); 
$('address').after('</div>'); 

Ich habe versucht, mit .wrap() und .append(), aber auch nicht funktioniert.

Das Ergebnis shoulbe sein:

<div class="new-div"> 
    <header class="title"> 
     <h3>Billing Address</h3> 
    </header> 

    <address> 
    <p> Address </p> 
    </address> 
</div> 

Thank you!

Answer 1

Verwenden .wrapAll() statt .wrap():

wrapAll: Wrap eine HTML-Struktur um alle Elemente in dem Satz von abgestimmten Elementen.

$("header,address").wrapAll("<div class='new' />"); 

Working Demo

Answer 2

Sie auch prepend() zusammen mit append()

$('header').prepend('<div="new-div">'); 
$('address').append('MYDIV</div>'); 

prüfen this Geige