jQuery基础教程之遍历节点siblings()方法使用说明
作者：袖梨
2022-11-14
siblings()方法
.siblings([selector])
此方法获取每个匹配元素的前后所有的同辈元素，然后作为一个jquery包装集返回。另外还可以传递一个选择器表达式参数给它，在这些同辈元素中进行筛选。
接下来看两个例子：
| 代码如下 | 复制代码 |
$(".li2").siblings().css("background","#FF0000"); |
|
上面jquery代码的结果是:
两个ul中的第一个和第三个li的背景会变成红色。
例
| 代码如下 | 复制代码 |
|
|
面的例子是没有传入选择器表达式参数的，那下面再给.siblings方法传入参数，看看结果是什么样的。
jquery代码2：
| 代码如下 | 复制代码 |
|
$(".li2").siblings(":first").css("background","#FF0000"); |
|
上面的jquery代码运行的结果是：
第一个ul中的第一个li背景颜色变成红色
例
| 代码如下 | 复制代码 |
|
|
