jQuery nextUntil() 方法

nextUntil() 方法是一个内置的 jQuery 方法。它用于查找 selector 和 stop 之间的下一个兄弟元素。此方法沿 DOM 元素的兄弟元素向前遍历。

如果未提供或未匹配 selector，则 nextUntil() 方法将返回所有下一个兄弟元素，与 nextAll() 方法类似。

语法

上述语法中的 selector 是起始元素。它可以是标签名、类名或 ID。nextUntil() 方法接受两个可选参数，定义如下：

stop：这是一个可选参数。它可以是一个选择器表达式、一个 jQuery 对象或一个指示停止搜索的元素。

filter：这是一个可选参数。它是一个选择器表达式，用于缩小搜索范围。

让我们通过一些示例来理解 nextUntil() 方法。

示例 1

这里有一个 div 元素，包含多个子元素。我们使用 nextUntil() 方法来获取 h1 元素的兄弟元素，因为我们将 h1 作为 selector 传递。

我们将 h3 元素作为 nextUntil() 方法的 stop 参数的值。因此，该方法将返回 h3 标题元素之前的兄弟元素。

输出

执行上述代码后，输出将是 -

在上面的截图中，我们可以注意到 h1 元素的兄弟元素。点击给定按钮后，该方法将返回 h3 标题元素之前的兄弟元素。点击给定按钮后，输出将是 -

示例 2

在此示例中，我们使用 nextUntil() 方法的两个可选参数来过滤两个元素之间的搜索。我们将 h1 作为 selector，h3 作为 stop 参数，以及 span 作为 filter 参数的值。我们通过仅返回标题 h1 和标题 h3 之间的下一个兄弟元素中的 span 元素来缩小搜索结果。

尽管 div 在 h3 元素之后也有一个 span 元素，但该方法只会选择 h3 之前出现的 span 元素。

输出

执行上述代码后，输出将是 -

点击给定按钮后，h3 之前的 span 元素将被选中。点击给定按钮后，输出将是 -

Example3

此示例与上述示例类似。这里，在 selector 和 stop 之间有多个 span 元素。nextUntil() 方法将返回 id = "s2" 的 span 元素，因为我们通过传递 id = "s2" 作为 filter 来缩小搜索范围。

输出

执行上述代码后，输出将是 -

点击给定的按钮后，输出将是 -