Replace div mit neuen div mit jQuery oder Javascript

Question

Ich brauche eine einfache Lösung zum Ersetzen eines Div mit einem neuen div, Cross-Browser kompatibel mit Javascript oder JQuery. Ich füge unten einen Code hinzu. Div "myDiv-B" muss durch ein neues div ersetzt werden:

<div id="myDiv-C">{% include 'snippets/contactpaneel.rain' %}</div> 

Hier meine divs sind

<div id="myDiv-A"> 
<div id="myDiv-B"></div> 
</div> 

Answer 1

Sie .replaceWith() Methode verwenden sollten.

Methode ersetzt jedes Element in der Menge der übereinstimmenden Elemente.

$('#myDiv-B').replaceWith('<div>Hello</div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myDiv-A"> 
 
<div id="myDiv-B"></div> 
 
</div>