jquery - 如何优化这个 jquery 脚本？

Question

我是一个 jquery“菜鸟”，我需要一点澄清......我有这个表格

<form id="myform">
    <div id="sectionA">
       <button id="button1">
    </div>
    <div id="sectionB">
       <button id="button2">
    </div>
    <div id="sectionC">
       <button id="button3">
    </div>
 </form>

要触发我所做的每个按钮的点击

$("#button1").click(function() { $("#myform").submit(); });
$("#button2").click(function() { $("#myform").submit(); });
$("#button3").click(function() { $("#myform").submit(); });

我怎样才能只编写一个函数而不重复 3 次相同的代码？谢谢克里斯

Answer 1

您可以使用一个选择器选择多个 ID。

$('#button1, #button2, #button3').click(function() {
    $('#myform').submit();
});

但是，这可能会变得笨拙，因此我建议您对想要具有此行为的按钮使用类。

<button class="clickable"></button>

$('.clickable').click(function() {
    $('#myform').submit();
});

Answer 2

$('button').click($('form').submit);