使用 Javascript 选择兄弟节点的子节点答案

【问题标题】：Selecting a child node of a sibling with Javascript使用 Javascript 选择兄弟节点的子节点
【发布时间】：2015-06-29 20:48:26
【问题描述】：

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

【问题讨论】：

从哪里选择？你的意思是在选择器字符串中？ ".foo + .bar > .baz" 或者你的意思是你引用的元素？ my_foo.nextElementSibling.children[0] 请更具体。它不是下一个兄弟姐妹吗？有太多的方式来解释这一点。
这个问题展示了如何获取所有兄弟姐妹：stackoverflow.com/questions/842336/…。得到孩子应该是一个容易的补充。
是的，来自我引用的元素。

标签： javascript select nodes children siblings

【解决方案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>

【讨论】：