组JS事件

Question

我目前有四个change()事件激发完全相同的代码（见下文），所以我想知道是否有办法将这些事件分组在一行中以保存重复代码四次？

谢谢。

/** Check for a change to any of the search dropdowns */ 
$('#job-roles').change(function(e){ 
    letter = $_GET('staff_search'); 
    initiate_staff_search(letter, '<?php echo $staff_search_nonce; ?>', '<?php echo $name_search_type; ?>') 
}); 
$('#ind-services').change(function(e){ 
    letter = $_GET('staff_search'); 
    initiate_staff_search(letter, '<?php echo $staff_search_nonce; ?>', '<?php echo $name_search_type; ?>') 
}); 
$('#bus-services').change(function(e){ 
    letter = $_GET('staff_search'); 
    initiate_staff_search(letter, '<?php echo $staff_search_nonce; ?>', '<?php echo $name_search_type; ?>') 
}); 
$('#indi-services').change(function(e){ 
    letter = $_GET('staff_search'); 
    initiate_staff_search(letter, '<?php echo $staff_search_nonce; ?>', '<?php echo $name_search_type; ?>') 
}); 

Answer 1

$('#job-roles, #indi-services, #ind-services, #bus-services').change(function(e){ 
    letter = $_GET('staff_search'); 
    initiate_staff_search(letter, '<?php echo $staff_search_nonce; ?>', '<?php echo $name_search_type; ?>') 
}); 

Answer 2

选项1：给他们所有相同的类和事件附加到所有这些$('.someClass').change(...)

选项2的基：事件：$('#job-roles, #ind-services, ... ').change(...)

Answer 3

使用上课？

给所有元素类的说doSomething然后用下面的代码来实现监听器：

$('.doSomething').change(function(e){ 
    letter = $_GET('staff_search'); 
    initiate_staff_search(letter, '<?php echo $staff_search_nonce; ?>', '<?php echo $name_search_type; ?>') 
}); 

Answer 4

另一种选择，除了已经介绍的优秀的人，无非是：

(function(){ 
    function doCoolStuff(){ 
    letter = $_GET('staff_search'); 
    initiate_staff_search(letter, '<?php echo $staff_search_nonce; ?>', '<?php echo $name_search_type; ?>') 
    } 

    $('#job-roles').change(function(e){ 
    doCoolStuff(); 
    }); 
    $('#ind-services').change(function(e){ 
    doCoolStuff(); 
    }); 
    $('#bus-services').change(function(e){ 
    doCoolStuff(); 
    }); 
    $('#indi-services').change(function(e){ 
    doCoolStuff(); 
    }); 
}());