javascript获取兄弟节点二种方法
发布时间：2016-01-03 编辑：jiaochengji.com
本文介绍了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;
}
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;
}
var r = [];
var n = elem.parentNode.firstChild;
for ( ; n; n = n.nextSibling ) {
if ( n.nodeType === 1 && n !== elem ) {
r.push( n );
}
}
return r;
}
您可能感兴趣的文章：
jquery 兄弟节点的获取
js获取兄弟节点、父类节点的方法
javascript获取兄弟节点二种方法
JS获取与遍历节点的兄弟父级与子元素
jquery的父子兄弟节点查找示例代码
JQuery 选择和过滤方法代码总结
js获取节点dom操作方法
JS获取节点的兄弟，父级与子级元素的实例代码
JQuery 节点遍历的例子
jQuery父级以及同级元素查找介绍
[关闭]