javascript - jQuery:如何选择 "from here until the next H2"？

Question

我正在使用 jQuery 建立一个非常简单的常见问题解答页面。像这样:

<h2>What happens when you click on this question?</h2>
<p>This answer will appear!</p>

这一切都在一个非常具体的 div 中，所以我将使用 $('#faq h2') 选择 header 。简单吧？单击 H2，并使用 this.next() 显示下一段。

(这个页面的警告是非程序员将维护它，这就是我不使用类的原因:不能保证任何新条目都会在其中包含正确的类。)

所以!问题:

<h2>What happens when you click on the next question?</h2>
<p>That is an interesting conundrum.</p>
<p>Because the maintainer is kind of long-winded</p>
<p>and many answers will span a few paragraphs.</p>

那么，如何在不添加 div 和类等等的情况下，让我的 this.next() 例程选择问题之间的所有内容 -单击和下一个问题(H2 标题)？

Answer 1

我意识到这是一个老问题，但是 jQuery 1.4 现在有 nextUntil .所以像这样的东西现在应该可以工作了:

$('h2').click(function(){
    $(this).nextUntil('h2').show();
})