jquery - 如何在jQuery中选择两个标签之间的所有内容

Question

我有一个包含标题和无序列表的文档。

如何使用 JQuery 选择给定标题(通过其唯一的类名)以及该标题和下一个标题之间的所有内容？

更新:

您的建议很好，但不是我想要的。例如，在下面的代码中，我只想访问 id 为“heading2”的“h1”以及 id 为“heading3”的“h1”，但不包括 id 为“heading3”的“h1”。

上面提供的 jQuery 示例将访问第一个“h”标签之后不是“h”标签的所有内容。

...或者，如果我错了，请纠正我:)

    <h1 id="heading1">...</h1>
        <ul>...</ul>
        <p>...</p>
        <ul>...</ul>
        <p>...</p>
    <h1 id="heading2" >...</h1>
        <ul>...</ul>
        <p>...</p>
        <ul>...</ul>
        <p>...</p>
    <h1 id="heading3" >...</h1>
        <ul>...</ul>
        <p>...</p>
        <ul>...</ul>
        <p>...</p>

Answer 1

有两种方法对于解决此问题非常有用:.nextUntil ，和.andSelf 。第一个将获取选择器后面的所有同级，而后者也会将与您的选择器匹配的所有内容集中在一起，为您提供一个包含所有同级的 jQuery 对象:

$("#heading2")
    .nextUntil("#heading3").andSelf()
        .css("background", "red");

这会产生以下结果: