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>

那么我怎样才能把“容器”里面的每个内容都插入并插入一个新的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/

Javascript：在DOM中插入新级别

5 个答案: