在每個h2之後用div封裝內容

Question

任何人都可以給我一些想法如何在每個<h2>標籤之後用<div>包裝任何內容，並給它一個唯一的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