javascript - js 查找具有相同innerHTML 的元素

Question

我有一个包含一些文本的按钮，我通过innerHTML获取该文本

var helpName = helpButton.parentElement.querySelector('span').innerHTML;

然后我还有一些其他按钮可以触发 Accordion 框

var helpAccordions = modal.getElementsByClassName('accordion');

我想从 helpAccordions 中选择一个与 helpName 匹配的元素并将其设置为 var。

    <div class="modal-content">
        <span class="close">&times;</span>
        <h3 class="modal-title">Help</h3>

        <button class="accordion">Key Partners</button>
    </div>

    <div class="section-header">
        <span>Key Partners</span>
        <div class="help-icon"></div>
    </div>

Answer 1

如果你不会使用 jQuery，我做了一个 fiddle显示它的工作原理，下面是相关代码。

var helpName = helpButton.parentElement.querySelector('span').innerHTML;
var helpAccordions = modal.getElementsByClassName('accordion');
var length = helpAccordions.length;

var myButton;
for(var i = 0; i < length; i++) {
    var button = helpAccordions[i];
    if(button.innerHTML === helpName) {
        myButton = button;
        break;
    }
}
console.log(myButton) // the button with Key Partners as the text