如何包装h1并跟踪div中的内容？

Question

我需要知道如何包装h1并跟踪div中的内容.这是原始结构:

<h1>Title #1</h1>
<p>Text</p>
<p>Text</p>

<h1>Title #2</h1>
<p>Text</p>
<p>Text</p>
<p>Text</p>

<h1>Title #3</h1>
<p>Text</p>

这是我想得到的结果:

<div>
  <h1>Title #1</h1>
  <p>Text</p>
  <p>Text</p>
</div>

<div>
  <h1>Title #2</h1>
  <p>Text</p>
  <p>Text</p>
  <p>Text</p>
</div>

<div>
  <h1>Title #3</h1>
  <p>Text</p>
</div>

Answer 1

尝试使用并对所有标签进行wrapAll分组h1p

$(function () {
    $('h1').each(function () {
        $(this).nextUntil('h1').add(this).wrapAll('<div />');
    });
});

演示: http ://jsfiddle.net/zPafK/

或http://jsfiddle.net/zPafK/2/(添加了一些样式)