jQuery prev() 方法

在 jQuery 中,prev() 方法用于获取匹配元素集合中每个元素的前一个同级元素。这个方法可以帮助我们在操作 DOM 元素时更加灵活和高效。

语法

------------------------
  • selector: 用于选择要获取前一个同级元素的元素。
  • filter: 可选参数,用于过滤前一个同级元素的选择器。

示例

假设我们有以下 HTML 结构:

---- ------------------
    ---- ---------------- -------
    ---- ---------------- -------
    ---- ---------------- -------
------

我们可以使用 prev() 方法来获取每个盒子元素的前一个同级元素:

------------------------------ -------

上面的代码将使得 "Box 1" 文本变成红色。

如果我们只想获取前一个同级元素中符合特定条件的元素,我们可以使用 filter 参数:

------------------------------------------- --------

上面的代码将使得 "Box 1" 文本加粗。

注意事项

  • 如果前一个同级元素不存在,则 prev() 方法返回一个空的 jQuery 对象。
  • 如果使用 filter 过滤器,但没有匹配的元素,则 prev() 方法同样会返回一个空的 jQuery 对象。

通过使用 jQuery 的 prev() 方法,我们可以轻松地操作 DOM 元素中的前一个同级元素,实现更加灵活和高效的页面交互效果。


下一篇:jQuery 教程