检查在jquery中选择了哪个类答案

【问题标题】：Checking which class was selected in jquery检查在jquery中选择了哪个类
【发布时间】：2011-08-10 09:39:06
【问题描述】：

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

例如：

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

当点击 class1 时，如何检查第二个 class 是什么，以便重定向到适当的操作？

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

【问题讨论】：

我应该将接受的答案提供给谁？它们都是一样的。

标签： jquery css class

【解决方案1】：

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

$(this).hasClass("abc")

并基于此重定向。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

   }
});

【讨论】：

【解决方案4】：

你可以使用hasClass()..

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

【讨论】：

【解决方案5】：

如何检查类的存在：

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

【讨论】：

【解决方案6】：

使用 this 关键字并在您的点击处理程序中有类。

例如：

$('.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 {
    }
} );

【讨论】：