一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery基础教程之遍历节点siblings()方法使用说明

时间:2022-11-14 22:03:23 编辑:袖梨 来源:一聚教程网

siblings()方法

.siblings([selector])

此方法获取每个匹配元素的前后所有的同辈元素,然后作为一个jquery包装集返回。另外还可以传递一个选择器表达式参数给它,在这些同辈元素中进行筛选。

接下来看两个例子:

代码如下 复制代码


  • 第一个li

  • 第二个li

  • 第三个li



  • 第一个li

  • 第二个li

  • 第三个li

$(".li2").siblings().css("background","#FF0000");


上面jquery代码的结果是:
两个ul中的第一个和第三个li的背景会变成红色。

代码如下 复制代码


  • 第一个li

  • 第二个li

  • 第三个li



  • 第一个li

  • 第二个li

  • 第三个li



面的例子是没有传入选择器表达式参数的,那下面再给.siblings方法传入参数,看看结果是什么样的。
jquery代码2:

代码如下 复制代码

$(".li2").siblings(":first").css("background","#FF0000");

上面的jquery代码运行的结果是:
第一个ul中的第一个li背景颜色变成红色

代码如下 复制代码


  • 第一个li

  • 第二个li

  • 第三个li



  • 第一个li

  • 第二个li

  • 第三个li


热门栏目