javascript - Jquery - 将绑定(bind)函数包装到此元素

Question

我在一个页面上有多个表格(将有超过 100 个)，并且我想对所有这些表格使用一个函数。当用户在下拉菜单中选择“自定义”时，其他问题适用于所有问题。如何将我的函数包装在 THIS 语句中以使其仅添加到该单独的表中。对于我对问题的描述，我提前表示歉意。

$(document).ready(function(){
  $('td.additional_content').css('visibility', 'hidden');
  $('#srds_mapping').bind('change', function (e) { 
        if( $('#srds_mapping').val() == 'Custom') {
            $('td.additional_content').css('visibility', 'visible');
            $('td.additional_content .custom').show();
        } else {
            $('td.additional_content').css('visibility', 'hidden');
            $('td.additional_content .custom').hide();
        }

  }).trigger('change');
});

通过查看它可以更好地解释

http://jsfiddle.net/2Q7J7/2/

Answer 1

this 是事件处理程序内的目标元素:

$('#srds_mapping').bind('change', function (e) {
    if( $(this).val() == 'Custom') { // traverse to find the target input element

请注意，您不应在页面上使用多个 ID。使用类或其他选择器代替，例如:

$('select').bind('change', function (e) {
    if( $(this).val() == 'Custom') {