使用jQuery在特定元素之间创建Div？

Question

我需要在每个h3之后围绕每个内容块创建一个新的div，以便它符合http://jqueryui.com/demos/accordion/default.html中的标记 这样重复代码块：

<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...

我已经尝试$('h3').nextUntil('h3').wrap('<div>');但是这会在每个元素周围包含一个div。 其他任何想法都被感激之情？感谢。

Answer 1

示例： http://jsfiddle.net/zBGMw/

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