仿jQuery的siblings效果的js代码_javascript技巧
程序员文章站
2022-04-23 18:36:02
...
复制代码 代码如下:
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输写高效JSLite代码的一些技巧
-
JS实现仿UC浏览器前进后退效果的实例代码
-
javascript实现的仿腾讯QQ窗口抖动效果代码
-
javascript简写常用的12个技巧(可以大大减少你的js代码量)
-
Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代
-
让textarea自动调整大小的js代码_javascript技巧
-
从盛大通行证上摘下来的身份证验证js代码_javascript技巧
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
基于jquery的仿百度搜索框效果代码_jquery
-
js 代码集(学习js的朋友可以看下)_javascript技巧