`

javascript获取兄弟节点的两种方法

阅读更多
方案一:先通过父元素的子元素找到含自己在内的“兄弟元素”,然后判断剔除自己。
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;
}

方案二: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;
}
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics