Question

说我们有标记：

 <h1 id="heading1">Heading 1</h1>
 <p>Paragraph 1</p>
 <p>Paragraph 2</p>
 <p>Paragraph 3</p>
 <p>Paragraph 4</p>
 <p>Paragraph 5</p>
 <h2 id="heading2">Heading 2</h2>

问题：如何选择5＆＃39; p＆＃39; ＃heading1后的元素？ 我尝试了下面的代码，但它没有达到我的期望：

 jQuery('#heading1").next(p);

它只会选择包含＆＃39;段落1＆＃39;的第一个＆＃39; p＆＃39; 。文本。

任何解决方案？

Answer 1

可以使用nextUntil()。

它将选择以下所有兄弟节点并在遇到作为参数传递的选择器时退出

jQuery('#heading1').nextUntil('h2');

不确定下一个主要元素是什么，但知道您只想使用<p>标记：

 jQuery('#heading1').nextUntil(':not(p)');

<强> nextUntil() API docs

的 DEMO

Answer 2

使用此

$("#heading1").nextAll("p").eq(4)

4是第5个“p”，索引从0开始

http://jsfiddle.net/6GBa7/1/

Answer 3

您可以使用 :header 伪选择器，它适用于所有类型的标头。

jQuery('#heading1').nextUntil(':header')

<强> Fiddle Demo

JQuery选择下一个类似的元素

3 个答案: