隐藏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的目标每个“块”，所以我可以附加一个div围绕它。 “块”是指在下一个h2开始标记之前的所有在h2开始标记和下一个p标记之间的代码。该部分中的最后一个h2标签应该带上最后一个p标签。

任何关于我如何最好地做到这一点的建议？

Answer 1

尝试：

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

http://jsfiddle.net/RUKDj/

Answer 2

如果您只想隐藏两个h2之间的所有元素，请尝试使用.nextUntil。

DEMO

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

如果你想随时随地块B/W 2 h2那么你可以使用，

DEMO

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