javascript - 有没有办法选择兄弟节点？

Question

出于某些性能原因，我试图找到一种方法来仅选择所选节点的兄弟节点。

例如，

<div id="outer">
  <div id="inner1"></div>
  <div id="inner2"></div>
  <div id="inner3"></div>
  <div id="inner4"></div>
</div>

如果我选择了 inner1 节点，有没有办法让我访问它的兄弟节点，inner2-4 节点？

Answer 1

好吧......当然......只需访问父级，然后是子级。

 node.parentNode.childNodes[]

或者...使用 jQuery:

$('#innerId').siblings()

编辑:Cletus 一如既往地鼓舞人心。我进一步挖掘。这就是 jQuery 本质上获取 sibling 的方式:

function getChildren(n, skipMe){
    var r = [];
    for ( ; n; n = n.nextSibling ) 
       if ( n.nodeType == 1 && n != skipMe)
          r.push( n );        
    return r;
};

function getSiblings(n) {
    return getChildren(n.parentNode.firstChild, n);
}