单击带有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').

Answer 2

如果您向自己添加标记(如特定ID或类)input,则可以使选择器更具体.例如,如果您按下按钮,则需要ID form-btn如下:

<input type="submit" id="form-btn" />

您可以这样选择它:

$('input[type=submit]#form-btn').click();

要不就:

$('#form-btn').click();

Answer 3

将ids 添加到每个按钮并使用 jQuery 选择id。

或者，如果表单有ids，则只需定位表单并提交它，如下所示：

$("#form-id").submit();