javascript - 将多个点击处理程序合并为一个

Question

假设我有两个执行相同功能的点击处理程序:

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

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

如何将这两个处理程序合并为一个，而不是重复调用警报？

类似于:

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

Answer 1

第一种方法:

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

第二种方式:

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

请注意，事实上您有时会遇到此问题，这意味着您应该使用类而不仅仅是 id，这样您就可以执行类似的操作

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