使用Javascript选择兄弟的子节点

Question

我试图找到一种方法来使用纯Javascript选择兄弟节点的子节点。任何帮助将不胜感激。

Answer 1

您可以使用querySelector。但你要照顾browser version。

alert(document.querySelector('#sibling1 ~ #sibling2').children[0].innerHTML); // give desired child index

<div id="sibling1">sibling1</div>
<div id="sibling2">
    <div id="sibling2-child">sibling2-child-1</div>
    <div id="sibling3-child">sibling2-child-2</div>
</div>