Визначте, чи має елемент клас CSS з jQuery

Я працюю з jQuery і шукаю, чи існує простий спосіб визначити, чи є в елементі пов'язаний певний клас CSS з ним.

У мене є елемент елемента та клас CSS, який я шукаю. Мені просто потрібно вміти в операторі if робити порівняння, засноване на існуванні цього класу на елементі.

Використовуйте hasClassметод:

jQueryCollection.hasClass(className);

або

$(selector).hasClass(className);

Аргументом є (очевидно) рядок, що представляє клас, який ви перевіряєте, і він повертає булевий (тому він не підтримує ланцюжок, як більшість методів jQuery).

Примітка: Якщо ви передасте classNameаргумент, який містить пробіл, він буде відповідати буквально проти classNameрядка елементів колекції . Так, якщо, наприклад, у вас є елемент,

<span class="foo bar" />

тоді це повернеться true:

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

і вони повернуться false:

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

із FAQ

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

або:

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

Що стосується заперечення, якщо ви хочете дізнатися, чи не має елемент клас, ви можете просто зробити так, як сказав Марк.

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

Без jQuery:

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

Або:

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');

Це ШЛИШЕ швидше, ніж jQuery!

В інтересах допомогти кожному, хто приземлився тут, але насправді шукав безкоштовний спосіб jQuery:

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

Перевірте офіційну сторінку поширених запитань jQuery:

Як перевірити, чи має елемент пертикулярний клас чи ні

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

У моєму випадку я використовував функцію 'is' jQuery, у мене був доданий HTML-елемент із різними класами css, я шукав конкретний клас посеред них, тому я використав гарну альтернативу для перевірки "є" клас, що динамічно додається до html-елемента, у якого вже є інші класи css, це ще одна хороша альтернатива.

простий приклад:

 <!--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');

розширений приклад:

 <!--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();
    }