集册 jQuery 参考教程 jQuery siblings() 方法

jQuery siblings() 方法

Xebcnor     最近更新时间:2019-10-11 06:02:34

286

jQuery siblings() 方法

jQuery 遍历方法 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 可选。规定缩小搜索同级元素范围的选择器表达式。

实例

更多实例

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

展开阅读全文