将div中的所有代码替换为实际的html

Question

我想用实际的HTML替换div中的所有代码。问题是，我无法访问核心文件，因为我在主题上执行此操作，所以我需要使用javascript / jquery以一种方式转换此内部的所有代码特定的div。

让我们以stackexchange为例，当你在stackexchange的about字段上编写代码并保存更改时，代码会自动转换为实际的HTML。虽然我不想完全转换所有代码，因为这可能是一件坏事，我只想转换简单的代码，例如下面的例子：

<ul>
    <li>item1</li>
    <li>item2</li>
</ul>
<img src="image.png"/>
<br/>
<strong>strong</strong>

and so on...

Answer 1

您可以使用以下命令删除所有html内容：

$( ".hello" ).empty();

并使用

$( ".hello" ).html("some html")

Answer 2

$("#source").appendTo("#destination");

或使用insertAfter() jQuery方法。

Answer 3

jQuery有.parseHTML。

但是，如果您真的将某些文本转换为HTML，则可以使用相同的元素：

$('#MyDiv').html($('#MyDiv').text());