jquery中prev方法 jQuery prev() 方法

jquery中prev方法

jQuery的prev()方法用于获取当前元素的上一个同级元素，它是jQuery对象的一个方法，可以用来查找上一个元素。它返回一个jQuery对象，包含了上一个元素。

$("#element").prev();

prev()方法可以接受一个选择器作为参数，这样就可以限制返回的元素必须满足该选择器的要求。如果不传递任何参数，则会返回上一个同级元素；如果传递了选择器，则会返回上一个同级元素中匹配该选择器的元素。

$("#element").prev(".className");

prev()方法也可以用来遍历所有的前面同胞元素（siblings elements）。它会在DOM树中往前遍历所有的前面同胞元素（siblings elements）直到找到匹配该选择器要求的元素或者到达文档开头。如果在遍历中找不到匹配该选择器要求的元素，则返回null。

$("#element").prevAll(".className");

jQuery prev() 方法

jQuery prev() 方法

jQuery 遍历方法

实例

返回带有类名 "start" 的每个 <li> 元素的前一个同级元素：

$(document).ready(function(){
$("li.start").prev().css({"color":"red","border":"2px solid red"});
});

结果：

ul (parent)
• li (sibling)
• li (sibling)
• li (sibling with class name "start")
• li (sibling)
• li (sibling)

---

定义和用法

prev() 方法返回被选元素的前一个同级元素。

同级元素是共享相同父元素的元素。

注意：该方法只返回一个元素。

DOM 树：该方法沿着 DOM 元素的前一个同级元素向后遍历。

相关方法：

• prevAll() - 返回被选元素之前的所有同级元素
• prevUntil() - 返回两个给定参数之间的每个元素之前的所有同级元素

---

语法

$(selector).prev(filter)

参数	描述
filter	可选。规定缩小搜索前一个同级元素范围的选择器表达式。

更多实例

选取每个 <div> 元素的前一个同级元素
如何选取每个 <div> 元素的前一个同级元素。

缩小搜索范围
如何选取每个 <div> 元素的前一个同级 <p> 元素。

---

jQuery 遍历方法