怎么使用JavaScript获取兄弟节点

JavaScript029

怎么使用JavaScript获取兄弟节点,第1张

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

function siblings(elem) {

    var a = []

    var b = elem.parentNode.children

    for(var i =0,i<b.lengthi++) {

        if(b[i] !== elem) a.push(b[i])

    }

    return a

}

先获取父节点： var parentEle=ele.parentNode

在获取父节点的兄弟节点：var parentEle1=parentEle.previousSbiling//上一个节点

某个子节点:var obj=parentEle1.firstChild//第一个子节点

jQuery也有相应的方法。

1.纯js如下：

var s=document.getElementById('id')

var par=s.parentNode   //得到s的父节点

var ns=s.nextSbiling   //获得s的下一个兄弟节点

var ps=s.previousSbiling  //得到s的上一个兄弟节点

var fc=s.firstChild   //获得s的第一个子节点

2.jQuery如下：

$(ele).parent()//父节点

$(ele).prev()//上一个兄弟节点

$(ele).next()//下一个兄弟节点