如何插入一个围绕现有元素的新Div

Question

鉴于此标记：

<h1>Lorem ipsum!</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Aliquam erat volutpat.</p>

如何使用JavaScript围绕使用新div的两个现有段落？

期望的结果：

<h1>Lorem ipsum!</h1>
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Aliquam erat volutpat.</p>
</div>

Answer 1

如果你使用它，jquery有一个wrap方法（如果没有，为什么不:) ...

Answer 2

有关使用纯JavaScript的解决方案，请参阅this question。

Answer 3

您应该在段落标记中添加一个类，并使用wrapAll（）函数。

$(".yourPclass").wrapAll("<div/>");

（如果你使用的是jquery *，这就是假设）

Answer 4

https://developer.mozilla.org/en/insertbefore或https://developer.mozilla.org/en/appendchild如果您想手动执行此操作。