Query siblings()

查找每个 p 元素的所有类名为 "selected" 的所有同胞元素：

$("p").siblings(".selected")

siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。

语法

.siblings(selector)

参数
描述

selector
字符串值，包含用于匹配元素的选择器表达式。

 

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.siblings() 方法允许我们在 DOM 树中搜索这些元素的同胞元素，并用匹配元素构造一个新的 jQuery 对象。

该方法接受可选的选择器表达式，与我们向 $() 函数中传递的参数类型相同。如果应用这个选择器，则将通过检测元素是否匹配该选择器对元素进行筛选。

请思考这个带有基本的嵌套列表的页面：

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

如果我们从第三个项目开始，则可找到该元素的同胞元素：

$('li.third-item').siblings().css('background-color', 'red');

广告来啦: 女装频道 天天疯狂购 聚划算精选频道 天天疯狂购 秒杀满立减 淘宝皇冠店铺精选 女装风向标 鞋包配饰风向标 服饰箱包 天天疯狂购

一下是广告:

  厂家推荐 2011超嗲纯色珍珠雪纺气质连帽百搭外套  韩版2011新品秋冬细节纯色加厚街头带帽中长款长袖卫衣  韩版新款秋冬装细节堆堆领假两件套羊毛衣  新款 修身显瘦拉链小脚牛仔长裤 韩版女士牛仔裤  1187女装韩版新款宽松休闲小鹿印花加厚抓绒长款卫衣  千色锦/女装 热销甜美泡泡袖 圆点胸花修身连衣裙  千色锦/女装 热销甜美泡泡袖 圆点胸花修身连衣裙