将一个div替换为另一个div

Question

有2个div。

这是代码

<p style="text-align: center;">
    <video id="preview" controls style="border: 1px solid rgb(15, 158, 238); height: 280px; width: 300px;" muted="muted" ;></video>
</p>


<input type="button" id="record" class="btn btn-default" style="background: #ffcf00; color: black; height: 40px;text-shadow: none" value="Запись" onclick="doTimer()"/>
<button id="stop"  class="btn btn-default" style="background: #ffcf00; color: black; height: 40px;text-shadow: none" disabled>Остановить</button>
<div id="container" style="padding:1em 2em;"></div>

我需要用容器替换预览

我写了这个

 $('#preview').replaceWith('#container');

但它只是粘贴word容器而不是div

哪里出错？

Answer 1

现在，您正在使用#container方法追加实际获取该选择器的html所需的字符串html()，因此您的代码应为：

$('#preview').replaceWith($('#container').html());

Answer 2

您的jquery code中有一些错误，您可以使用以下代码

$( "#preview" ).replaceWith($("#container"));