Как написать параметры функции и передачи для функции jquery

Question

Ниже приведен фрагмент jQuery. Я хочу знать, как записать его как функцию, которая принимает таблицу1 как параметр, чтобы я мог повторно использовать эту функцию в другом разделе кода. Напр. Если у меня есть таблица с идентификатором table2 вместо добавления новой функции следует повторно использовать существующий один

$(document).ready(function(){  
    $("#table1").on('click','.btnDelete',function(){ 
     $(this).closest('tr').remove(); 
    }); 
}); 

Answer 1

Есть много способов для обработки выбора атрибутов использования одним способом

$("[id^=table]").on('click','.btnDelete',function(){ 
     $(this).closest('tr').remove(); 
    }); 

Answer 2

Это довольно просто, назвать свою функцию и использовать его везде, где вы хотите

$(document).ready(function() {  
    var deleteAction = function() { 
    $(this).closest('tr').remove(); 
    }; 
    $("#table1").on('click', '.btnDelete', deleteAction); 
    $("#table2").on('click', '.btnDelete', deleteAction); 
    $(".btnDelete").on('click', deleteAction); 
    // etc etc. 
}); 

Answer 3

$(document).ready(function(){  
     $("#table1").on('click','.btnDelete',function(){ 
     RemoveRow($(this)); 
     }); 

     function RemoveRow(table){ 
     $(table).closest('tr').remove(); 
     } 

    }); 

Answer 4

• Использование multiple-selector

$("#table1,#table2,#table3").on('click', '.btnDelete', function() { 
 
    $(this).closest('tr').remove(); 
 
});

• Используя Attribute-starts-with селектор

$("[id^=table]").on('click', '.btnDelete', function() { 
 
    $(this).closest('tr').remove(); 
 
});

Answer 5

Возьмем другого подхода и назначить класс поведения, например:

$(".table-with-removable-rows").on('click','.btnDelete',function(){ 
    $(this).closest('tr').remove(); 
}); 

тогда, когда вы хотите этого, вы добавить этот класс, например:

<table class="table-with-removable-rows">... 

что путь есть:

• не нужно изменять код
• он не влияет на каждый стол, только те, которые вы установили на
• вам не нужно форматировать идентификатор, чтобы вызвать на поведение
• поведение ясно на HTML