jQuery获取单击链接的css值或告知单击了哪个链接

Question

我的页面上有这样的链接，当单击这些链接时，它们就会调用jQuery函数。 如何确定是单击approve还是单击delete 。 因为只有在单击接受时才需要做某些事情，而在单击删除时就不需要做事。 我无法更改这些链接的命名方式。

<i class="icon-accept blue approve"></i>
<i class="icon-reject blue delete"></i>

$('.approve,.delete').on('click', function() {
    if(approved was clicked) {
        console.log('Approve was clicked');
    }
});

Answer 1

您可以使用hasClass()检查类：

$('.approve,.delete').on('click', function() {
    if($(this).hasClass('approve')) {
        console.log('Approve was clicked');
    }
});

jsFiddle演示

另外，您可以使用is() ：

$('.approve,.delete').on('click', function() {
    if($(this).is('.approve')) {
        console.log('Approve was clicked');
    }
});

jsFiddle演示

Answer 2

您可以使用jquery .is() ：

if($(this).is('.approve')){}

Answer 3

尝试

$(element).hasClass('className')

Answer 4

您可以使用.hasClass（）

$('.approve,.delete').on('click', function() {
    if($(this).hasClass('approve')) {
        console.log('Approve was clicked');
    }
});