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