jquery siblings方法 jQuery siblings() 方法

jquery siblings方法

jQuery 的 siblings() 方法可以获取指定元素的所有同级元素，返回一个包含所有同级元素的 jQuery 对象。

$("#myDiv").siblings();

siblings() 方法可以接受一个可选的表达式，用于过滤出你想要的元素。例如：

$("#myDiv").siblings(".selected");

上面的代码将会返回 #myDiv 的所有同级元素中 class 为 selected 的元素。

siblings() 方法也可以接受一个函数作为参数，该函数会在遍历每个同级元素时执行，并将当前遍历到的元素作为 this 关键字传递进去。例如：

$("#myDiv").siblings(function(){  return $(this).is(".selected");});

上面的代码将会返回 #myDiv 的所有同级元素中 class 为 selected 的元素。如果函数返回 true （即匹配成功），则该元素会被保留在 jQuery 对象中；如果函数返回 false （即匹配失败），则该元素不会被保留在 jQuery 对象中。

jQuery siblings() 方法

jQuery siblings() 方法

jQuery 遍历方法

实例

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

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

结果：

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

---

定义和用法

siblings() 方法返回被选元素的所有同级元素。

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

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

提示：请使用 prev() 或 next() 方法来缩小仅仅搜索前一个同级元素或后一个同级元素的范围。

---

语法

$(selector).siblings(filter)

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

更多实例

缩小搜索范围
如何使用两个参数来过滤对同级元素的搜索。

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

---

jQuery 遍历方法