作业帮 > Javascript > 教育资讯

JavaScript教程:jQuery中siblings效果的javascript代码

来源:学生作业帮助网 编辑:作业帮 时间:2024/05/10 16:03:31 Javascript
JavaScript教程:jQuery中siblings效果的javascript代码
JavaScript教程:jQuery中siblings效果的javascript代码Javascript
【51Test.NET-JavaScript教程:jQuery中siblings效果的javascript代码】:
取一个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//最后按从老大到老小的顺序,把这一组元素返回 
}

Javascript