javascript - 有没有更好的方法来处理相同的回调函数但不同的输入参数？

Question

我有一个回调函数来删除 li 元素。

function deleteLi(liElement) { 
   liElement.remove()
}

两个按钮做同样的操作。将鼠标悬停在 liElement 上时，我会看到一个编辑和删除选项。单击编辑选项时，它会打开一个对话框，其中也有一个删除选项。所以两个按钮的作用相同，因此我调用了相同的函数。

但是看起来像这样

$('.edit').on('click', function() {
     currentField = $(this).parents('li');
     openDialog();
});


$('.delete1').on('click', function() {
     deleteLi($(this).parents('li'));
});

$('.delete2').on('click', function() {
    deleteLi(currentField)
});

那么有没有其他最好的方法来处理这个问题？

Answer 1

您可以简单地为删除按钮“delete1”提供一个类并使用以下代码

$('.delete1').on('click', function() {
     deleteLi($(this).parents('li'));
});

如果您的 css 与该删除按钮不同，则使用 jQuery 中的多类选择器。

根据评论编辑代码:

$('.delete1, .delete2').on('click', function() {
     if(currentField == null) {
         currentField = $(this).parents('li');
     }
     deleteLi(currentField);
});