Javascript 在2个h2标签之间隐藏所有内容？

我有以下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>

标题1
同侧盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲

同侧盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲

同侧盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲

标题2
同侧盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲

标题3
同侧盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲

同侧盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲盲

我希望通过jquery以某种方式将每个“块”作为目标，以便在其周围附加一个div。我所说的“块”是指h2开始标记和下一个h2开始标记之前的最后一个p标记之间的所有代码。节中的最后一个h2标记应仅取最后一个p标记

---

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

如果您只想隐藏两个

h2

之间的所有元素，请尝试使用

.nextUntil

如果您想在任何位置阻止b/w 2

h2

，则可以使用

$（'h2'）。每个（函数（）{
$（this.nextUntil（'h2'）.wrapAll（''）；
});

如果只想隐藏两个

h2

之间的所有元素，请尝试使用

.nextUntil

如果您想在任何位置阻止b/w 2

h2

，则可以使用

$（'h2'）。每个（函数（）{
$（this.nextUntil（'h2'）.wrapAll（''）；
});

试试：

$（'h2'）。每个（函数（）{
$（this.nextUntil（'h2'）。添加（this.wrapAll（''）；
});​

试试：

$（'h2'）。每个（函数（）{
$（this.nextUntil（'h2'）。添加（this.wrapAll（''）；
});​

参见：参见：

$('h2').nextUntil('h2').hide();

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

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