Combine multiple click handlers into one

Question

Say I have two click handlers which perform the same functionality :

$(\'#div1\').click(function(event) {  
alert(\'here\');                              
});

$         


        

Answer 1

First way :

$('#div1, #div2').click(function(event) {  
     alert('here');                              
});

Second way :

function doIt(e) {
    alert('here');
}
$('#div1').click(doIt);
$('#div2').click(doIt);

Note that the fact you have this problem sometimes means you should use a class and not just id, so that you may do something like

$('.alertable').click(function(event) {  
     alert('here');                              
});