javascript - 从 JQuery 到 Javascript 代码

Question

我有这个div

<div id="lk_37" class="lk_link" style="display: inline-block">
              <a href="#" class="lk_button_37 lk_post">TADE</a>
</div>

我想制作一个脚本来检查是否单击了button_37如果单击继续，如果未单击则脚本应单击它。

此外，我们有一个包含不同 id 按钮的页面，我们希望检查所有按钮并单击该特定按钮未单击的内容。

当单击按钮时，“TADE”正在打开“DTT”，这就是我想要检查其是否被单击或未单击的内容。我们单击带有该 class="lk_button_37 lk_post"的“TADE”，然后将其打开为带有与之前相同的 class="lk_button_37 lk_post"的“DTT”。因此我们要检查“TADE”是否打开，我们希望单击该按钮，如果“DTT”打开，我们要覆盖它。

执行此操作的 JQuery 代码是

$('.lk_button_37:contains(TADE)').click();

我想将其转换为 chrome 扩展的 JavaScript 代码。

我已经做好了

var el = document.getElementsByClassName('lk_button_37'); 

for (var i=0;i<el.length; i++) 
{
     el[i].click();
}

但我不知道如何使代码仅单击“TADE”按钮。

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

只需检查元素的内容

var el = document.getElementsByClassName('lk_button_37'); 

for (var i=0;i<el.length; i++) {
    if ( el[i].innerHTML.indexOf('TADE') != -1 ) {
         el[i].click();
    }
}