的Javascript：在DOM插入新的水平

Question

好吧，我有：

<div id="container"> 
    <div id="mydiv"> 
    <p>Text</p> 
    ... Here is something more inside ... 
    </div> 
</div> 

我想有：

<div id="container"> 
    <div id="newdiv"> 
    <div id="mydiv"> 
     <p>Text</p> 
     ... Here is something more inside ... 
    </div> 
    </div> 
</div> 

所以，我怎麼能採取everyting裏面的 「容器」，並插入一個新的div「 newdiv「從孩子們使用JavaScript獲取」容器「中的孩子？使用jQuery是一個選項。

Answer 1

使用.wrap()：

$("#mydiv").wrap("<div class='newdiv'></div>"); 

Working Demo

Answer 2

使用wrap()

$('#mydiv').wrap($('<div>').attr('id','newDiv')); 

---->演示http://jsfiddle.net/FCfP9/2/

Answer 3

可以使用.wrap()：在所述一組匹配 元件

裹一個HTML結構中的每個元件的周圍。

$("#mydiv").wrap("<div id='newdiv'></div>"); 

Fiddle Demo

Answer 4

$('#container').contents().wrapAll('<div id="newdiv"/>'); 

Answer 5

如果你願意，你可以使用純JS：

var content = document.getElementById("container").innerHTML; 
var newHtml = "<div id='newDiv'>" + content + "</div>"; 
document.getElementById("container").innerHTML = newHtml; 

這裏是演示：http://jsfiddle.net/hWc95/