jquery - jquery を使用して新しい親 div ツリーを追加する

Question

私はjqueryが初めてで、これに関する解決策を見つけました。

<div id="parent">
   <div class="child1">Child 1 Contents</div>
   <div class="child2">Child 2 Contents</div>
</div>

後に新しい親 div 要素を作成<div id="parent">し、jquery を使用してこの親から新しい親までのすべての子を含めたいので、結果の html は次のようになります。

<div id="parent">
  <div id="newparent">
    <div class="child1">Child 1 Contents</div>
    <div class="child2">Child 2 Contents</div>
  </div>
</div>

jqueryを使用してこれを解決するにはどうすればよいですか?

Answer 1

jQuery のwrapInnerでうまくいくはずです。

$('#parent').wrapInner('<div class="newparent"></div>');