Replace div with new div using jQuery or javascript

Question

I need a simple solution for replacing a div with a new div, cross-browser compatible using javascript or JQuery. I'll add some code below. Div "myDiv-B" needs to be replaced by a new div:

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

Here are my divs

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

Please search for your answer before you ask a question, read the [Help centre on how to ask a question](http://stackoverflow.com/help/how-to-ask) — George, Feb 21 '17 at 09:58
use- `$('#myDiv-A').html(yourcontent);` and you myDiv-B will be replaced by — John Ambrose, Feb 21 '17 at 10:01

Mihai Alexandru-Ionut · Accepted Answer · 2017-02-21T09:59:05.347

1

You should use .replaceWith() method.

.replaceWith method replace each element in the set of matched elements.

$('#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>

edited Feb 21 '17 at 09:59

answered Feb 21 '17 at 09:56

Mihai Alexandru-Ionut

47,092
13
101
128

1

You have enough rep to mark as duplicate, no? – mplungjan Feb 21 '17 at 09:58

Replace div with new div using jQuery or javascript

1 Answers1