jquery - 每个 h2 之后用 div 包裹内容

Question

任何人都可以给我一些想法，我如何用 <div> 包装任何内容每次之后 <h2>标签并给它一个唯一的ID，用jquery完成？

我正在尝试这样做:

<h2>Test</h2>
 <div id="wrap_1"> // This is the wrapper im trying to add
   <p>Bla bla</p>
   <p>More Bla bla</p>
 </div>
<h2>Another test</h2>
 <div id="wrap_2"> // This is the wrapper im trying to add
   <p>Bla bla</p>
   <p>More Bla bla</p>
 </div>

提前致谢

Answer 1

像这样:

$('h2').each(function(index) { 
    $(this).nextUntil('h2').wrapAll('<div id="wrap' + index + '"></div>');
});

Demo