javascript - 多个 jQuery 选择器绑定(bind)到同一个事件，只需稍作更改

Question

我知道用逗号分隔选择器列表实际上是将多个选择器绑定(bind)到同一事件或其他内容。所以这不是这里的问题。

这里的问题是，我想要根据单击的选择器做一些稍微不同的事情。

例如我有两个链接:

<a href="#" data-do="add">Add</a>
<a href="#" data-do="delete">Delete</a>

然后我有一个像这样的选择器:

$('[data-do="add"], [data-do="delete"]').click(function() {
    // do same stuff
});

对于data-do="add"我想在事件内部进行稍微不同的处理。就像我是否可以以某种方式询问 $(this)包含添加，然后更改事件中的某些内容并阻止通常的流程。

只要知道如何知道在事件中单击了哪个链接，我就可以通过简单的 if 完成剩下的工作声明。这里的问题是我不知道该怎么做。

如有任何帮助，我们将不胜感激。

Answer 1

事件处理程序中的

this 引用单击的元素，因此可以使用 this 引用单击的元素

$('[data-do="add"], [data-do="delete"]').click(function () {
    //general code
    if ($(this).data('do') == 'add') {
        //something special
    }
});