Determina se un elemento ha una classe CSS con jQuery

Sto lavorando con jQuery e cerco di capire se esiste un modo semplice per determinare se l'elemento ha una classe CSS specifica associata.

Ho l'id dell'elemento e la classe CSS che sto cercando. Devo solo essere in grado, in una dichiarazione if, di fare un confronto basato sull'esistenza di quella classe sull'elemento.

Usa il hasClassmetodo:

jQueryCollection.hasClass(className);

o

$(selector).hasClass(className);

L'argomento è (ovviamente) una stringa che rappresenta la classe che stai controllando e restituisce un valore booleano (quindi non supporta il concatenamento come la maggior parte dei metodi jQuery).

Nota: se si passa un classNameargomento che contiene spazi bianchi, verrà confrontato letteralmente con la classNamestringa degli elementi della raccolta . Quindi se, ad esempio, hai un elemento,

<span class="foo bar" />

quindi questo restituirà true:

$('span').hasClass('foo bar')

e questi restituiranno false:

$('span').hasClass('bar foo')
$('span').hasClass('foo  bar')

dalle FAQ

elem = $("#elemid");
if (elem.is (".class")) {
   // whatever
}

o:

elem = $("#elemid");
if (elem.hasClass ("class")) {
   // whatever
}

Per quanto riguarda la negazione, se vuoi sapere se un elemento non ha una classe puoi semplicemente fare come ha detto Mark.

if (!currentPage.parent().hasClass('home')) { do what you want }

Senza jQuery:

var hasclass=!!(' '+elem.className+' ').indexOf(' check_class ')+1;

O:

function hasClass(e,c){
    return e&&(e instanceof HTMLElement)&&!!((' '+e.className+' ').indexOf(' '+c+' ')+1);
}
/*example of usage*/
var has_class_medium=hasClass(document.getElementsByTagName('input')[0],'medium');

Questo è MODO più veloce di jQuery!

Nell'interesse di aiutare chiunque arrivi qui ma in realtà stava cercando un modo jQuery gratuito per farlo:

element.classList.contains('your-class-name')

Controlla la pagina FAQ ufficiale di jQuery:

Come posso verificare se un elemento ha una classe perticolare o meno

 $('.segment-name').click(function () {
    if($(this).hasClass('segment-a')){
        //class exist
    }
});

Nel mio caso, ho usato 'is' una funzione jQuery, avevo un elemento HTML con diverse classi CSS aggiunte, stavo cercando una classe specifica nel mezzo di queste, quindi ho usato "is" una buona alternativa per verificare una classe aggiunta dinamicamente a un elemento html, che ha già altre classi css, è un'altra buona alternativa.

semplice esempio:

 <!--element html-->
 <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom cbp-spmenu-open" id="menu">somethings here... </nav>

 <!--jQuery "is"-->
 $('#menu').is('.cbp-spmenu-open');

esempio avanzato:

 <!--element html-->
    <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom cbp-spmenu-open" id="menu">somethings here... </nav>

   <!--jQuery "is"-->
    if($('#menu').is('.cbp-spmenu-bottom.cbp-spmenu-open')){
       $("#menu").show();
    }