使用jQuery或javascript将div替换为新的div

Question

我需要一个简单的解决方案，用新的div替换div，使用javascript或JQuery进行跨浏览器兼容。我将在下面添加一些代码。 Div“myDiv-B”需要被新的div替换：

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

这是我的divs

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

Answer 1

您应该使用.replaceWith()方法。

  

.replaceWith方法替换匹配集中的每个元素   元件。

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