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获取兄弟节点的两种方法
posted @ 2013-03-22 12:06  wcp_spring  阅读(672)  评论(0)    收藏  举报