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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (58)

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

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

问题是,我的页面上有更多的1提交按钮,所以我需要针对特定的提交按钮。

我应该怎么做?

提问于
用户回答回答于

如果你知道submit输入,以及要触发click然后你可以用nth-child()语法来针对它。或者向每个ID或类添加一个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()

按其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')...

用户回答回答于

如果你添加了一个标记,比如特定的id或类到你的input,你可以使你的选择器更具体。例如,如果你给出了能想要的IDform-btn就像这样:

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

你可以这样选择它:

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

或者只是:

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

扫码关注云+社区

领取腾讯云代金券