这篇文章将为大家详细讲解有关怎么在jQuery中使用siblings()方法遍历兄弟元素,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
siblings()方法
用于查找当前元素的同胞元素,就是拿到当前元素的兄弟节点(不包括自己)。
获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
可选地接受与我们可以传递给$()函数的相同类型的选择器表达式。如果提供了选择器,元素将通过测试是否匹配。
使用语法
jQueryObject.siblings( [ selector ] )
使用参数
可选/String类型指定的选择器字符串。
返回值
返回被选元素的所有同胞元素,并且可以使用可选参数来过滤对同胞元素的搜索。
使用注意
1、一般情况不会包括自己
2、包括自己的特殊情况
使用实例:遍历出需要的元素
<ul> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> </ul> <script> $("ul li").siblings(".third-item").css('background-color', 'red'); </script> //遍历ul标签下的li标签的所有third-item类 将之背景改为红色 siblings()中必须在类名前+"."
关于怎么在jQuery中使用siblings()方法遍历兄弟元素就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。