jquery：选择 and everything up to the next [duplicate]

Question

这个问题在这里已有答案：

• jquery select siblings 'until' 4个答案

想象一下这个HTML：

<h1>Heading Number one</h1>

foo bar is bla bar....

<table>...</table>

<h1>Heading Number two</h1>

other bar is strange bar ...

...

我想一个接一个地展示这些部件。

这意味着我需要选择<h1>...</h1>直到下一个<h1>。

在上面的例子中，我想获得一个html片段列表：

第一个清单项目：

<h1>Heading Number one</h1>

foo bar is bla bar....

<table>...</table>

第二个清单项目：

<h1>Heading Number two</h1>

other bar is strange bar ...

...

如何选择<h1>和一切到下一个<h1>？

仅使用nextUntil（）没有帮助，因为文本不在标签中。

也许将所有文本放在标签中，然后调用nextUntil（）或其他解决方案....

Answer 1

在jquery ref nextUntil中使用https://api.jquery.com/nextUntil/获取更多详细信息，希望这会有所帮助

$("h1").eq(0).nextUntil("h1").css('color','red')  //Selecting first h1 element
$("h1").eq(1).nextUntil("h1").css('color','green')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<h1>Heading Number one</h1>

<p>foo  </p>

<p>foo  </p>

<p>foo </p>

<h1>Heading Number two</h1>
<p>  bar  </p>

<p>  bar </p>

<p>  bar </p>

<h1>Heading Number three</h1>

Answer 2

好像你在寻找nextUntil

$("h1:first-of-type").nextUntil("h1")