jQuery获取点击链接的css值或告诉点击了哪个链接

时间:2014-01-07 14:10:05

标签: javascript jquery

我的页面上有这样的链接,当点击它时,调用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');
    }
});

4 个答案:

答案 0 :(得分:3)

您可以使用hasClass()检查班级:

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

jsFiddle Demo

或者,您可以使用is()

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

jsFiddle Demo

答案 1 :(得分:1)

您可以使用jquery .is()

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

答案 2 :(得分:0)

$(element).hasClass('className')

答案 3 :(得分:0)

您可以使用.hasClass()

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