jQuery中如何使用siblings()方法遍历所有兄弟元素?

2026-01-22 0 77,089

在jQuery进行遍历操作的过程中,给定一个表示一组DOM元素,使用siblings()方法可以允许我们在DOM树中搜索需要或者不需要元素的兄弟节点,并从匹配的元素构造一个新的jQuery对象,本文向大家介绍jQuery中siblings()方法选取被选元素所有的同胞元素的原理及使用实例。

siblings()方法

用于查找当前元素的同胞元素,就是拿到当前元素的兄弟节点(不包括自己)。

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

可选地接受与我们可以传递给$()函数的相同类型的选择器表达式。如果提供了选择器,元素将通过测试是否匹配。

使用语法

jQueryObject.siblings( [ selector ] )

使用参数

可选/String类型指定的选择器字符串。

返回值

返回被选元素的所有同胞元素,并且可以使用可选参数来过滤对同胞元素的搜索。

使用注意

1、一般情况不会包括自己

2、包括自己的特殊情况

使用实例:遍历出需要的元素

       
  • list item 2
  •    list item 3    
  • list item 4
//遍历ul标签下的li标签的所有third-item类 将之背景改为红色 siblings()中必须在类名前+"."

以上就是jQuery中使用siblings()方法遍历所有兄弟元素的介绍,希望能对你有所帮助哦~更多JavaScript学习推荐:JavaScript教程。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:以上部本文内容由互联网用户自发贡献,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。投诉邮箱:3758217903@qq.com

ZhiUp资源网 web开发 jQuery中如何使用siblings()方法遍历所有兄弟元素? https://www.zhiup.top/9949.html

相关