jQuery siblings() 方法

实例

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

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

结果:

    ul (父级)
  • li (同级)
  • li (同级)
  • li (class=”start” 的同级)
  • li (同级)
  • li (同级)

定义与用法

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

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

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

提示: 使用 prev()next() 方法缩小搜索范围,只搜索上一个或下一个同级元素。

语法

  1. $(selector).siblings(filter)
参数描述
filter可选。指定选择器表达式以缩小对同级元素的搜索范围

更多实例

如何使用这两个参数来筛选同级元素的搜索

如何缩小对每个 div 元素的所有同级 p 元素的搜索范围

分类导航