在jQuery中插入容器div

Question

如何使用jQuery插入容器div？

从
<div id="page">
<!-- a bunch of html and content !-->
</div>

要
<div id="page">
<div id="new-container">
<!-- a bunch of html and content !-->
</div>
</div>

Answer 1

$('#page').contents().wrapAll('<div id="new-container">');

请参阅http://jsfiddle.net/U6gpu/1/。
contents()用于选择元素的内容，wrapAll()用于将内容包装在新容器中。

Answer 2

使用.wrapInner()

$('#page').wrapInner('<div id="new-container">');

演示 http://jsfiddle.net/gaby/zZfLU/

Answer 3

使用appendTo()

 $('#new-container').appendTo('#page');

http://api.jquery.com/appendTo/

Answer 4

html = '<div id="new-container">\
<!-- a bunch of html and content !-->\
</div>';

$("#page").html(html;)

Answer 5

var page = $('#page');
page.html('<div id="new-container">'+page.html()+'</div>');

哦，jQuery提供方法.wrapInner来执行此操作。

$('#page').wrapInner('<div id="new-container">');