jquery - 使用 JQuery 单击特定的提交按钮

Question

我使用以下方法单击提交按钮:

$('input[type=submit]').click(); 

问题是我的页面上有超过 1 个提交按钮，因此我需要定位特定的提交按钮。

我怎样才能做到这一点？

Answer 1

如果您知道 submit 输入的数量以及您想要触发 click 的输入(按顺序)，那么您可以使用 nth-child( ) 语法来定位它。或者为每一个添加一个 ID 或一个类，以将它们彼此分开。

通过索引选择元素:

$('input[type="submit"]:nth-child(1)').trigger('click');//selects the first one
$('input[type="submit"]:nth-child(2)').trigger('click');//selects the second one
$('input[type="submit"]:nth-child(100)').trigger('click');//selects the 100th one

实际上有多种方法可以做到这一点，包括使用.eq():http://api.jquery.com/eq

通过 id 选择元素:

<input type="submit" id="submit_1" />
<input type="submit" id="submit_2" />
<input type="submit" id="submit_100" />

<script>
$('#submit_100').trigger('click');
</script>

请注意，.click() 是 .trigger('click') 的缩写。