Vérification de la classe sélectionnée dans jquery

Question

Si vous avez appliqué un élément avec deux classes, comment pouvez-vous vérifier ce qu'est la seconde classe?

Par exemple:

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

Lorsque vous cliquez sur Class1, comment pouvez-vous vérifier ce que la deuxième classe était, de sorte que vous pouvez rediriger une action appropriée?

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

Vous pouvez vérifier si l'élément has a particular class, comme ceci:

$(this).hasClass("abc") 

et redirigez sur cette base.

Answer 3

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

    } 
}); 

Answer 4

Vous pouvez utiliser hasClass() ..

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

Answer 5

Que diriez-vous de vérifier l'existence de la classe:

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

Answer 6

Utilisez le mot-clé et ce a classe dans votre clic gestionnaire.

Par exemple:

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