js获取所有兄弟节点的方法。

来源:luqidong 发布时间:2013-09-23 20:05:07 点击数:
 
  网上有很多的教程都是交大家怎么去获取下一个兄
 
弟节点或者说上一个兄弟节点的,我今天总结了一下
 
如何获取一个元素所有的兄弟节点,这个在jquery里
 
面很容易实现,但是js里面却需要用一个遍历来完成
 
,稍微复杂了一点不过没关系。具体思路就是获取到
 
这个元素所有的子节点然后排除掉这个元素,剩下的
 
就是所有的兄弟节点了。
ul
 li
 li 
 li
 li
先定义一个数组 然后循环ul下面的li 当
 
ul.children[i]!==你的元素 那么将这个元素push到
 
那个数组里面,
    var slibings=[];
    var oLi = this.parentNode.parentNode;
    var oUl = oLi.parentNode;
    for(var i =0; i<oUl.children.length;i++){
        if(oUl.children[i]!=oLi){
            slibings.push(oUl.children[i]);
        }
    }