javascript获取兄弟节点二种方法

发布时间:2020-12-13编辑:脚本学堂
本文介绍了javascript获取兄弟节点的两个例子,有需要的朋友参考下。

例1,先通过父元素的子元素找到含自己在内的“兄弟元素”,然后判断剔除自己。
 

复制代码 代码示例:
function siblings(elem) {
    var a = [];
    var b = elem.parentNode.children;
    for(var i =0,i<b.length;i++) {
        if(b[i] !== elem) a.push(b[i]);
    }
    return a;
}

例2,jquery 1.2.2中实现方法,先通过父元素的第一个子元素,然后不断往下找下一个紧邻元素,判断剔除自己。
 

复制代码 代码示例:

siblings: function(elem){return jQuery.sibling(elem.parentNode.firstChild,elem);}

jQuery.sibling = function(n, elem){
var r = [];

for ( ; n; n = n.nextSibling ) {
if ( n.nodeType == 1 && n != elem )
r.push( n );
}

return r;
};

转换成可用的独立函数:
 

复制代码 代码示例:
function sibling(elem) {
var r = [];
var n = elem.parentNode.firstChild;
for ( ; n; n = n.nextSibling ) {
    if ( n.nodeType === 1 && n !== elem ) {
        r.push( n );
    }
}
return r;
}