How to use one click event handler for multiple buttons
jquery
Solution
To select the 4 buttons at once you write the following:
$('#button1, #button2, #button3, #button4').click(function(event){ /* code here */ });
If you need to identify which button was pressed, write something like:
$('#button1, #button2, #button3, #button4').click(function(event){
if($(event.target).attr('id')=='button1'){
/* specific code for button1 */
} else if($(event.target).attr('id')=='button2'){
/* specific code for button2 */
} else if($(event.target).attr('id')=='button3'){
/* specific code for button3 */
} else if($(event.target).attr('id')=='button4'){
/* specific code for button4 */
}
});
Problem
I have 4 buttons with different id's. When i click on them i need to perform one function. So i need something like this: ``` $('#button #button').click(function() ```