如何獲取出現在父標簽之前的 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

Answer 2

document.getElementByID("someid").parentElement.previousElementSibling.textContent;

已編輯

Answer 3

let content = document.querySelectorAll('h3');

let count = content.length;

if (count) {

  for (let i = 0; i < count; i++) {
    alert(content[i].textContent);      
  }
}

https://jsfiddle.net/2kk49yLp/1/