仿jQuery的siblings效果的js代码

更新时间：2011年08月09日 23:37:41 作者：

取一个DOM元素的兄弟节点,仿jQuery的siblings方法,用原生JS代码完成

 
function siblings(o){//参数o就是想取谁的兄弟节点，就把那个元素传进去 
var a=[];//定义一个数组，用来存o的兄弟元素 
var p=o.previousSibling; 
while(p){//先取o的哥哥们 判断有没有上一个哥哥元素，如果有则往下执行 p表示previousSibling 
if(p.nodeType===1){ 
a.push(p); 
} 
p=p.previousSibling//最后把上一个节点赋给p 
} 
a.reverse()//把顺序反转一下 这样元素的顺序就是按先后的了 
var n=o.nextSibling;//再取o的弟弟 
while(n){//判断有没有下一个弟弟结点 n是nextSibling的意思 
if(n.nodeType===1){ 
a.push(n); 
} 
n=n.nextSibling; 
} 
return a//最后按从老大到老小的顺序，把这一组元素返回 
} 

您可能感兴趣的文章:

siblings

js Promise并发控制数量的方法
在业务开发过程中，我们经常会遇到多个异步任务并发执行的情况，待所有异步任务结束之后再执行我们的业务逻辑，那么js Promise并发控制数量是多少，本文就来介绍一下
2021-08-08
JS实现网站菜单拖拽移位效果的方法
这篇文章主要介绍了JS实现网站菜单拖拽移位效果的方法,涉及JavaScript动态操作页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
Javascript里使用Dom操作Xml
Javascript里使用Dom操作Xml...
2007-01-01
JavaScript面向对象之七大基本原则实例详解
这篇文章主要介绍了JavaScript面向对象之七大基本原则,结合实例形式详细分析了JavaScript面向对象七大基本原则,包括单一职责、开闭原则、里氏替换、依赖倒置、接口隔离、迪米特法则及组合/聚合复用原则,需要的朋友可以参考下
2020-05-05
JS基于面向对象实现的多个倒计时器功能示例
这篇文章主要介绍了JS基于面向对象实现的多个倒计时器功能,结合实例形式分析了javascript面向对象及时间操作相关技巧,需要的朋友可以参考下
2017-02-02
纯原生js实现table表格的增删
本文主要介绍了纯原生javascript实现table表格的增删的方法，文章底部提供了完整的代码。需要的朋友一起来看下吧
2017-01-01
underscore之Collections_动力节点Java学院整理
underscore为集合类对象提供了一致的接口。集合类是指Array和Object，暂不支持Map和Set。下面通过本文给大家分享underscore之Collections的相关知识，需要的的朋友参考下吧
2017-07-07
javascript实现input file上传图片预览效果
这篇文章主要介绍了javascript实现input file上传图片预览效果，感兴趣的小伙伴们可以参考一下
2015-12-12
JS实现标签页效果(配合css)
实现的效果是当鼠标移到某一个标签的时候，在下面的内容区显示对应的内容，并且相应标签的颜色需要改变,这样的效果是CSS和JS配合实现的,下面我们就来看看具体代码
2013-04-04
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
业余时间玩nodejs的时候遇到点蛋疼的情况, 在使用mysql模块连接mysql操作, 想在update, delete语句的时候, 想知道到底update, delete成功了没有
2014-03-03