javascript - 機能を共有し、イベント ハンドラーのコードを短縮するにはどうすればよいですか?

Question

次のjQueryコードを使用しています

$(document).ready(function() {
    $("#a").click(function(evt) {
         $("#bodyR").load("./inc/backa.php")
         evt.preventDefault();
    });
    $("#b").click(function(evt) {
       $("#bodyR").load("./inc/backb.php")
       evt.preventDefault();
    });
    $("#c").click(function(evt) {
       $("#bodyR").load("./inc/backc.php")
       evt.preventDefault();
    });
});

スクリプトを短くしようとしましたが、わかりませんでした。ここで繰り返しているような気がします。

誰でもこれを手伝ってもらえますか？

Answer 1

あなたはこれを行うことができます ：

$(document).ready(function() {
  $("#a,#b,#c").click(function(evt) { // comma selector to target more than one element
     $("#bodyR").load("./inc/back"+this.id+".php") // path built using the element's id
     evt.preventDefault();
  })
})