Question

想象一下这个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引用https://api.jquery.com/nextUntil/中使用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")

jQuery：选择<h1>，然后选择所有内容</h1> <h1>

2 个答案: