假设我有以下内容:
<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 会自动“纠正”未闭合的标签。
fiddle http://jsfiddle.net/Lz373/1/
有没有办法使用 .wrap() 在元素前后添加不同的内容而不自动关闭标签?
Note, I cannot由于不相关的限制,请执行以下操作:
$("#content").html("<div>Content before " + $("#content).html() + " Content after</div>")