이벤트 처리기에서 코드를 단축하고 기능을 공유하려면 어떻게합니까?

Question

은 내가 스크립트를 단축하려고했다

$(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(); 
    }); 
}); 

다음 jQuery 코드를 사용하고 있습니다하지만 난 그것을 알아낼 수 없었다. 내가 여기서 반복하고있는 것처럼 느껴진다.

아무도 도와 드릴 수 있습니까?

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(); 
    }) 
})