jQuery prev() 方法

prev() 方法是 jQuery 中的一个内置方法，它返回所选元素的紧邻前一个同级元素。此方法沿 DOM 元素的前一个同级元素向后遍历。

语法

此方法接受一个可选参数，用于指定一个选择器表达式，以缩小对前一个同级元素的搜索范围。

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

示例 1

在此示例中，有一个 div 元素，包含三个子元素：一个 ul 元素，一个标题 h2，和一个段落元素。在这里，我们使用 prev() 方法获取 p 元素的上一个同级元素。我们没有使用 prev() 方法的可选参数。

prev() 方法将返回 h2 元素，因为它是段落 p 的紧邻上一个同级元素。

我们必须单击给定的按钮才能看到效果。

输出

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

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

示例 2

在此示例中，我们使用 prev() 方法的可选参数来缩小搜索范围。这里有一个 div 元素，包含多个子元素。有许多带有不同同级元素的 h2 标题元素。但是我们将 p 元素作为 prev() 方法的可选参数传递。因此，该方法将只返回作为 h2 元素的紧邻上一个同级元素的 p 元素。

输出

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

在上面的截图中，我们可以注意到 h2 元素的同级元素。但是该方法将只返回 p 元素，因为我们已将 p 元素作为 prev() 方法的可选参数传递。单击给定的按钮后，输出将是 -

Example3

这是使用 prev() 方法的另一个示例。prev() 方法将在单击给定按钮时触发，并开始遍历 DOM 元素。该方法将返回每个 div 元素的紧邻上一个同级元素，并将相应 div 的背景颜色更改为红色。

输出

单击给定按钮后，jQuery prev() 方法触发并开始遍历 DOM 元素。