Wie würde ich einen DOM-Knoten ersetzen und danach umbrechen?

Question

Beachten Sie Folgendes:

Ich habe ein div, die ich mit einem Textfeld bin ersetzt wie:

var $targetDiv = $('#the-div'); 
var $newDiv = $('#the-new-div'); 

$targetDiv.replaceWith($newDiv); 

Welche drehen würde:

<div id="the-div"></div> 

in:

<div id="the-new-div"></div> 

Wie würde ich <div id="the-new-div"></div> in einem div, dasgenannt wird, wickeln?

So würde das Ergebnis sein:

<div id="the-new-div-wrapper"> 
<div id="the-new-div"> 
</div> 
</div> 

$targetDiv.replaceWith($newDiv).wrap('<div id="the-new-div-wrapper"' />') nicht zu funktionieren schien.

Answer 1

die Verpackung Haben erste

$targetDiv.wrap('<div id="the-new-div-wrapper" />').replaceWith($newDiv); 

Oder es in zwei Linien machen:

$targetDiv.replaceWith($newDiv); 
$newDiv.wrap('<div id="the-new-div-wrapper" />'); 

Fiddle

Es gibt auch einen Tippfehler in Ihrem Code: $targetDiv.replaceWith($newDiv).wrap('<div id="the-new-div-wrapper"' />') eine zusätzliche Apostroph ist, die sollte nicht da sein.

Answer 2

versuchen diese

$targetDiv.replaceWith($newDiv.wrap('<div id="the-new-div-wrapper"' />')); 

den div vor der Menge tatsächlich wickeln würde das Ziel div ersetzen, aber das gleiche Ergebnis erzielen.

Siehe hier

http://jsfiddle.net/WgW6Y/