如何插入一個新的div圍繞現有元素

<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>

2010-07-26 KatieK

您使用的是js庫嗎？ – 2010-07-26 19:22:40

不，沒有jQuery，根本沒有庫。 – KatieK 2010-07-26 20:47:26

可能的重複[使用純JavaScript包裝元素!!]（http://stackoverflow.com/questions/3337587/wrapping-an-element-using-pure-javascript） – KatieK 2010-07-26 22:56:34

見this question使用普通的JavaScript的解決方案。

2010-07-26 19:27:45

+1 - sAc的答案包含一個不錯的解決方案，它在不久前被問到。我們不可能爲每種新類型的元素回答相同的問題:) – Anurag 2010-07-26 19:29:14

是的，當我讀到這個問題時，我確實有一個似曾相識的時刻。但由於另一個問題是關於非jQuery解決方案的具體問題，因此我不想將其稱爲重複:) – 2010-07-26 19:56:07

哦，親愛的，我的道歉。我在搜尋時沒有發現其他問題。我在那裏問了一些後續問題。 – KatieK 2010-07-26 21:36:59

jQuery有一個wrap方法，如果您正在使用它（如果沒有，爲什麼不:)）

2010-07-26 19:23:18

您應該爲段落標記添加一個類並使用wrapAll（）函數。

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

（這是如果你使用jQuery *做一個假設）

2010-07-26 19:28:32 jstoneky

2010-07-26 19:30:29

回答