Блог

Если у вас есть элемент с двумя примененными к нему классами, как вы можете проверить, каким был второй класс?

Например:

 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 **
  

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

Вы могли бы использовать hasClass() ..

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

Вы можете проверить, имеет ли элемент определенный класс, вот так:

 $(this).hasClass("abc") 
  

и перенаправление на основе этого.

Используйте ключевое слово this и has class в вашем обработчике кликов.

Например:

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

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

   }
});
  

Как насчет проверки существования класса:

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