检查在jquery中选择了哪个类

Question

如果你有一个应用了两个类的元素，如何检查第二个类是什么？

例如：

class="class1 abc" 
class="class1 xyz" 

当点击class1的，你怎么能检查一下第二类是，这样你就可以重定向到适当的行动？

$('.class1').click(function() { 
    // ** var secondClass = abc | xyz 
    // ** do something if second class was abc, or something else if second class was xyz ** 

Answer 1

$('.class1').click(function() { 
    if ($(this).hasClass('abc')) { 
     //... 
    } else { 
     //... 
    } 
}); 

Answer 2

您可以检查元素has a particular class，就像这样：

$(this).hasClass("abc") 

和重定向基于这一点。

Answer 3

$('.class1').click(function(){ 
    if($(this).hasClass('abc')) 
    { 
    //do something 
    }else if($(this).hasClass('xyz')) 
    { 
    //do something else 

    } 
}); 

Answer 4

你可以使用hasClass() ..

$('.class1').click(function() { 
    if($this.hasClass("xyz")){ 
     ... 
    } else { 
     ... 
    } 
}); 

Answer 5

如何检查类的存在：

$('.class1').click(function() { 
    var hasABC = $(this).hasClass('abc'); 
    var hasXYZ = $(this).hasClass('xyz'); 
    // ... do real work now ... 
} 

Answer 6

使用此关键字，有你的点击类内处理程序。

例如：

$('.class1').click(function() { 
    // the this keyword is rewritten to the matching element by jQuery automatically 
    // cache the jQuery object for this 
    var $this = $(this); 
    if ($this.hasClass('abc')) { 
    } else if ($this.hasClass('xyz')) { 
    } else { 
    } 
});