每次h2后用div包装内容

Question

任何人都可以给我一些想法如何在每个<div>标记之后用<h2>包装任何内容，并使用jquery为其提供唯一ID？

我试图这样做：

<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