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

您可以使用hasClass() ..

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

Answer 3

您可以检查元素has a particular class，如下所示：

$(this).hasClass("abc")

并基于此重定向。

Answer 4

使用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 {
    }
} );

Answer 5

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

   }
});

Answer 6

如何检查班级是否存在：

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

检查在jquery中选择了哪个类

6 个答案: