jQuery nextAll() 方法

nextAll() 方法用于返回指定选择器的所有后续同级元素。它是 jQuery 中的一个内置方法。此方法沿 DOM 元素的后续同级元素向前遍历。

语法

如上述语法所示，nextAll() 方法接受一个可选参数 过滤器。它指定了一个选择器表达式，用于缩小后续同级元素的搜索范围。为了返回多个同级元素，我们必须用逗号分隔每个表达式。

让我们看一些示例来理解 nextAll() 方法的工作原理。

示例 1

这是使用 nextAll() 方法的一个简单示例。这里有一个 div 元素，包括四个子元素：两个段落元素、一个 ul 元素和一个 标题 h2。我们使用 nextAll() 方法获取 p 元素的后续同级元素。我们没有使用 nextAll() 方法的可选参数。

点击给定按钮，将选择 p 元素的所有后续同级元素。

输出

点击给定按钮后，将选择 p 元素的所有后续同级元素，如下截图所示：

示例 2

在此示例中，我们使用 nextAll() 方法的可选参数来缩小搜索范围。这里有一个 div 元素，包含多个子元素。我们将 p 元素作为 nextAll() 方法的可选参数。因此，该方法将只返回作为选择器 h2 后续同级元素的 p 元素。

输出

点击给定按钮后，将选择选择器 h2 的所有后续段落同级元素，如下截图所示：

Example3

此示例与上述示例类似，nextAll() 方法将返回选择器 h2 的 p 同级元素，但有一个 段落元素 具有不同的父元素。因此，该方法将不考虑相应的段落作为选择器 h2 的同级元素，因为它与其他元素具有不同的父元素。

输出

点击给定按钮后，将选择 h2 元素的所有后续段落同级元素，除了一个具有不同父元素的段落，如下截图所示：