Comprobando qué clase se seleccionó en jquery

Question

Si tiene un elemento con dos clases aplicadas, ¿cómo puede verificar cuál fue la segunda clase?

Por ejemplo:

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

Cuando se hace clic en clase 1, ¿Cómo puede verificar lo que era la segunda clase, por lo que puede redirigir a la acción apropiada?

$('.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

Puede comprobar si el elemento has a particular class, así:

$(this).hasClass("abc") 

y redirigir basa en eso.

Answer 3

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

    } 
}); 

Answer 4

Usted podría utilizar hasClass() ..

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

Answer 5

Cómo sobre la comprobación de la existencia de la clase:

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

Answer 6

Usar la palabra clave this y tiene dentro de su clase clic entrenador de animales.

Por ejemplo:

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