Мне нужна помощь с объединением нескольких функций в одну функцию, так как код для списка учеников остается неизменным, только изменение идентификатора блока списка команд. У меня есть несколько функций щелчка для перемещения элементов из одного списка в другое, которые мне нужно упростить до одной функции, при этом в качестве примера добавлено 2, но есть более 20 команд
Команда A
$(document).ready(function() {
$("#b1").click(function(){
$("#student option:selected").each(function() {
$("#football-teamA").append("<option value=" + $(this).val() +">"+$(this).text()+"</option>");
$("#student option[value= '"+ $(this).val() + "' ]").remove();
});
$('#football-teamA option').prop('selected', true);
});
///////////////////////////
$("#b2").click(function(){
$("#football-teamA option:selected").each(function() {
$("#student").append("<option value=" + $(this).val() +">"+$(this).text()+"</option>");
$("#football-teamA option[value= '"+ $(this).val() + "' ]").remove();
});
$('#football-teamA option').prop('selected', true);
});
});
Команда B
$(document).ready(function() {
$("#b3").click(function(){
$("#student option:selected").each(function() {
$("#football-teamB").append("<option value=" + $(this).val() +">"+$(this).text()+"</option>");
$("#student option[value= '"+ $(this).val() + "' ]").remove();
});
$('#football-teamB option').prop('selected', true);
});
///////////////////////////
$("#b4").click(function(){
$("#football-teamB option:selected").each(function() {
$("#student").append("<option value=" + $(this).val() +">"+$(this).text()+"</option>");
$("#football-teamB option[value= '"+ $(this).val() + "' ]").remove();
});
$('#football-teamB option').prop('selected', true);
});
});