Créer une division entre des éléments spécifiques avec jQuery?

Question

Je dois créer un nouveau div autour de chaque bloc de contenu après chaque h3 afin qu'il respecte le balisage dans http://jqueryui.com/demos/accordion/default.html tel que pour répéter bloc de code:

<h3><a href="#">Section heading</a></h3> 
**<div>** 
<p> 
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. 
</p> 
<ul> 
<li>List item one</li> 
<li>List item two</li> 
<li>List item three</li> 
</ul> 
**</div>** 

<h3>next section</h3> 
... etc... 

J'ai essayé $('h3').nextUntil('h3').wrap('<div>'); mais enveloppe un div autour de chaque élément. D'autres idées sont-elles acceptées avec reconnaissance? Merci.

Answer 1

Exemple:http://jsfiddle.net/zBGMw/

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