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>

那么我怎样才能把所有东西都放在“容器”里面并插入一个新的 div“newdiv”，它使用 JavaScript 从“容器”中获取子元素作为子元素？使用 jquery 是一种选择。

Answer 1

使用.wrap():

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

Working Demo