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回複製しないように、1つの関数だけを作成するにはどうすればよいですか？ありがとうChri

Answer 1

1 つのセレクターで複数の ID を選択できます。

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

ただし、これは不格好になる可能性があるため、この動作をさせたいボタンにクラスを使用することをお勧めします。

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

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

Answer 2

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