javascript - 如何获取出现在父标签之前的 textContent？

Question

我正在尝试获取出现在父 div 标签上方的 h3 标签的 textContent。代码重复，添加 id 不是 h3 标签的选项。希望在纯 Javascript 中做到这一点。我的 html 目前是...

<h3>Some header</h3> //textContent I am trying to get.
<div class="panel panel-success"> //parent
    <div id="someid" class="panel-heading"></div> //child
    <span class="pull-right glyphicon glyphicon-list-alt" style="padding-right: 1%"
                      onclick="myFunc(this.parentNode.id, what.goes.here?)"></span> //this needs to return parent id and the value of h3 tag
</div> 
<h3>Some other header</h3> //textContent I am trying to get.
<div class="panel panel-success"> //parent
    <div id="someid" class="panel-heading"></div> //child
    <span class="pull-right glyphicon glyphicon-list-alt" style="padding-right: 1%"
                      onclick="myFunc(this.parentNode.id, what.goes.here?)"></span> //this needs to return parent id and some other tag when this span button is clicked
</div>
<h3>yet another header</h3> //textContent I am trying to get.
<div class="panel panel-success"> //parent
    <div id="someid" class="panel-heading"></div> //child
    <span class="pull-right glyphicon glyphicon-list-alt" style="padding-right: 1%"
                      onclick="myFunc(this.parentNode.id, what.goes.here?)"></span> //this needs to return parent id and yet another header when clicked.
</div>  

这段代码重复了很多次，每次h3的textContent和div id都变了。我正在尝试返回关于我正在单击的跨度按钮的 h3 标记的 textContent 的值，相对于单击期间出现的 div 标记。 h3 标签不是任何其他父/子关系的一部分，并且是独立的...

Answer 1

从 span 的 click 处理程序中，您可以像这样访问上面的 h3 元素:

this.parentNode.previousSibling.textContent

参见:https://developer.mozilla.org/en/docs/Web/API/Node/previousSibling