手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >仿jQuery的siblings效果的js代码
仿jQuery的siblings效果的js代码
摘要:复制代码代码如下:functionsiblings(o){//参数o就是想取谁的兄弟节点,就把那个元素传进去vara=[];//定义一个数组...

复制代码 代码如下:

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//最后按从老大到老小的顺序,把这一组元素返回

}

【仿jQuery的siblings效果的js代码】相关文章:

JavaScript中的blink()方法的使用

你一定会收藏的Nodejs代码片段

jQuery构造函数init参数分析续

jQuery实现返回顶部效果的方法

获取阴历(农历)和当前日期的js代码

jQuery实现鼠标经过图片变亮其他变暗效果

体验jQuery和AngularJS的不同点及AngularJS的迷人之处

jQuery实现首页图片淡入淡出效果的方法

Javascript实现div层渐隐效果的方法

jquery实现的判断倒计时是否结束代码

精品推荐
分类导航