javascript - 隐藏 2 个 h2 标签之间的所有内容？

Question

我有以下 html 片段；

<h2>Headline 1</h2>
<p>Lorem ipsum bla bla</p>
<p>Lorem ipsum bla bla</p>
<p>Lorem ipsum bla bla</p>

<h2>Headline 2</h2>
<p>Lorem ipsum bla bla</p>

<h2>Headline 3</h2>
<p>Lorem ipsum bla bla</p>
<p>Lorem ipsum bla bla</p>

我希望通过jquery以某种方式定位每个“ block ”，这样我就可以在它周围附加一个div。我所说的“ block ”是指 h2 开始标记和下一个 h2 开始标记之前的最后一个 p 标记之间的所有代码。该部分中的最后一个 h2 标签应仅采用最后一个 p 标签。

关于我如何最好地做到这一点有什么建议吗？

Answer 1

尝试:

$('h2').each(function () {
    $(this).nextUntil('h2').add(this).wrapAll('<div class="foo">');
});​

http://jsfiddle.net/RUKDj/