jquery - jqueryを使用してセクション全体を多数のhtml要素に追加するには?

Question

h1を除いて、div id="primary"の内容にclass="box"のセクションを追加したいです。私のhtmlは以下です。

<div id="primary">

    <h1 class="page-title">Search Results for: dffd</h1>        

        <h2>Nothing Found</h2>
        <p>Sorry, but nothing matched your search criteria. Please try again with some different keywords.</p>


 </div> <!--end #primary -->

だから私が達成したいのは

<div id="primary">

  <h1 class="page-title">Search Results for: dffd</h1>  

 <section class="box">



        <h2>Nothing Found</h2>
        <p>Sorry, but nothing matched your search criteria. Please try again with some different keywords.</p>

   </section>

 </div> <!--end #primary -->

編集：間違いを犯しました。セクションにh1を入れたくないので、質問を修正しました

Answer 1

jQuery の wrapInnerを使用します。

$('#primary').wrapInner('<section class="box" />');

--編集--

修正された質問を見て、これを試してください：

// Wrap the contents in with the section
$('#primary').wrapInner('<section class="box" />');

// Detach (remove, but retain events/data) the <h1>, then prepend it to the primary div
$('#primay .box h1').detach().prependTo('#primary');

もちろん、これを行う方法はたくさんあります。

乾杯

Answer 2

$('#primary').children().not('h1').wrapAll('<section class="box"></section>');