如何根据文本而不是类单击按钮

Question

我无法编辑此代码以在基于文本而不是类的按钮中工作，或者通过类名和文本使其适用。

例如：

    <button class="same">plz-click-me</button>
    <button class="same">dont-click-me</button>

现在我想让代码点击“click-me”按钮

这是我在代码中使用的按类点击

 var inputs = document.querySelectorAll('.same:not(.hidden_elem)');

谢谢，希望找到答案对我有帮助

Answer 1

您必须遍历可能的匹配元素并选择textContent 与您想要的匹配的元素。你不能使用jQuery的.contains，因为click-me包含在don't-click-me中：

const matching = Array.prototype.filter.call(
  document.querySelectorAll('.same'),
  ({ textContent }) => textContent === 'click-me'
);
console.log(matching);

<button class="same">click-me</button>
<button class="same">dont-click-me</button>

请注意，如果您要选择的子字符串不包含在您不想选择的元素中，您可以使用.contains：

$('.same:contains("click-this-here")').click(() => console.log('clicked'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="same">click-this-here</button>
<button class="same">dont-click-me</button>

Answer 2

    var buttons = document.querySelectorAll("button");
    var clickButton = Array.from(buttons).filter( button => button.textContent === "click-me")[0];

<button class="same">click-me</button>
<button class="same">dont-click-me</button>