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

Question

我需要在每个 h3 之后的每个内容 block 周围创建一个新的 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/>');
});