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

javascript中没有直接的获得兄弟元素的方法，在自己写代码的时候需要获得兄弟元素，那么自己通过想利用javascript的父节点方法和子节点方法实现了获得兄弟节点的方案一，而后来找了下jquery的源码看到了jquery的实现方式，存档下。

方案一：先通过父元素的子元素找到含自己在内的“兄弟元素”，然后判断剔除自己。

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;
}

装载自：cocss >> javascript获取兄弟节点的两种方法

转载于:https://www.cnblogs.com/wcp-spring/archive/2013/03/22/2975238.html