javascript - 如何在 jQuery 中用动态生成的元素替换 Div 元素？

Question

我有一个这样的div结构

<div class="col-md-12" id="dvInsert">
    // insert dynamic generated elements 
</div>

我正在解码 HTML 元素并想附加到现有的 div，但它在浏览器中显示的 div 结构如下所示:

     <div class="col-md-12">
         <p>Hello this is my new paragraph</p>
     </div>


function htmlDecode(value) {

         $("#dvInsert").append($('<div/>').html(value).text());
     }

我也试过这个，但它也显示 div 结构而不是文本。

 $($('<div/>').html(value).text()).appendTo("#dvInsert");

value的值是&lt;div class="row"&gt;<div>&nbsp; &nbsp;&lt;div class="col-md-12"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;p&gt;你好，这是我的新段落&lt;/p&gt;</div><div>&nbsp; &nbsp; &nbsp;&lt;/div></div><div>&lt;/div></div>

Answer 1

我的 friend 希望你只需要替换现有的 div 你可以尝试下面这样的东西

$("#div1").replaceWith("<div>I'm new!</div>");

有关替换为 Read 的更多详细信息