jQuery - 在div上创建div与内容

Question

我有div #one的内容，我想（但我不知道如何）创建（通过jQuery）div #one与div #one内容的第二个div，如：

<div id="one"> 
    <p>Content content</p> 
</div> 

<div id="one"> 
    <div id="second" style="width: xxxpx; ..."> 
    <p>Content content</p> 
    </div> 
</div> 

Answer 1

试试这个：

$('p').wrap('<div id="second"></div>'); 

Answer 2

您可以使用jQuery .wrap()

代码：

$('#one').contents().wrap('<div id="second" style="width: xxxpx; ..."></div>'); 

Answer 3

你应该看看jQuery.wrap功能http://api.jquery.com/wrap/

$('#one p').wrap('<div id="second" style="width: xxxpx; ...">'); 

Answer 4

http://jsfiddle.net/x5TAp/

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

Answer 5

像这样：

// get html for first div 
var divOneHtml = $("#one").html(); 
// create inner div 
var div2 = document.createElement("div"); 
// set id 
div2.id="second"; 
// set css 
div2.style = "<style>"; 
// set content of inner div to original content of outer div 
$(div2).html(divOneHtml); 
// append second div to original div 
$("#one").append(div2); 

Answer 6

我建议：

$('#one').wrapInner('<div id="second"></div>'); 

这基本上选择元素（在这种情况下为#one元素），并将其整个子节点用在wrapInner()方法中传递的HTML字符串进行包装。很显然，我认为，这种方法在对大量元素进行相同的内容更改时不仅仅是一个，而且即使在“只有一个”的情况下，它仍然可以节省时间。

参考文献：

• wrapInner()。

Answer 7

像这样的东西应该工作...

var currentContent = $('#one').html(); 
var secondDiv = $('<div/>').attr('id', 'second').html(currentContent); 
$('#one').html(secondDiv); 

PS：嘿，你猜我是太晚了，毕竟不是

最佳答案：对

编辑 - >添加jsfiddle网址：http://jsfiddle.net/RqvLU/