jquery - jQueryでHTML 5の暗黙的なセクションをラップするにはどうすればよいですか?

Question

HTML スニペット:

<h1>Heading</h1>
<p>paragraph paragraph paragraph</p>
<h2>Heading</h2>
<p>paragraph paragraph paragraph</p>

上記のスニペットは次と同じです。

<section>
  <h1>Heading</h1>
  <p>paragraph paragraph paragraph</p>
  <section>
    <h2>Heading</h2>
    <p>paragraph paragraph paragraph</p>
  </section>
</section>

ここで述べたように。

今、最初のスニペットから jQuery でこれを行いたいと思います。このための API は既にありますか?

Answer 1

デモ: http://jsfiddle.net/abdennour/LX2YX/

$('h2').next('p').andSelf().wrapAll('<section />');

$('h1').next().andSelf().next().andSelf().wrapAll('<section />');

ブラウザーのインスペクターで DOM ツリーを確認できます。