javascript - 在没有自动关闭标签的元素之前和之后插入内容

Question

说我有以下内容：

<div id="content">content</div>

我想在它之前插入一些东西**（注意未关闭的div）**：

$("#content").before("<div>pre-pre-content</div><div>pre-content ");

还有一些在 ** 之后（注意我现在正在关闭 div）**：

$("#content").after(" post-content</div><div>post-post-content</div>");

我想要的输出是：

<div>pre-pre content</div>
<div>
    pre-content <div id="content">content</div> post-content
</div>
<div>post-post content</div>

相反，我得到的是：

<div>pre-pre content</div>
<div>pre-content</div>
<div id="content">content</div>
<div>post-content</div>
<div>post-post content</div>

因为 jQuery 会自动“纠正”未闭合的标签。

有没有办法使用 .wrap() 在元素之前和之后添加不同的内容而不自动关闭标签？

请注意，由于不相关的限制，我无法执行以下操作：

$("#content").html("<div>Content before " + $("#content).html() + " Content after</div>")

score 5 · Accepted Answer

您不能插入部分或未闭合的标签。在 DOM 中插入元素必须只插入整个元素。

您的选择是：

1 回答 1