如何从多个html输入type =“ submit”中识别出一个

Question

我需要通过代码调用显示按钮，但是在页面中，我们有多个没有ID的显示按钮。假设第三个节目，如何按特定的“显示”按钮？

Answer 1

假设无法唯一标识每个提交（远非理想），您可以简单地引用索引：

document.querySelectorAll('[type="submit"]')[2]

如果页面上有jQuery，您还可以编写：

$('[type="submit"]')[2]

再次重申，这根本不是实现此目标的好方法-但考虑到您对加价的限制，它可以回答您所提出的问题。

顺便说一句，文档本身可能没有id属性，但请尝试查看是否有一个关于父元素之一的唯一可识别的东西，然后从那里遍历。

Answer 2

您可以使用jquery selector $('input[type=submit]')获取具有input的所有type=submit。另外，您需要获取第三个提交按钮，然后像:nth(2)一样使用$('input[type=submit]:nth(2)')。 :nth将基于从0开始的索引返回元素。

Learn more about jquery selector here

您可以在下面进行检查。您应该使用submitButton.click()而不是submitButton.val()。我已经将submitButton.val()用于显示目的。

function getThirdSubmitButton() {
  var submitButton = $('input[type=submit]:nth(2)');
  alert(submitButton.val())
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input type="submit" value="Show 1" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="submit" value="Show 2" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="submit" value="Show 3" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="submit" value="Show 4" />
    </td>
  </tr>
</table>

<input type="button" value="Get 3rd submit button" onclick="getThirdSubmitButton()" />