Как проверить, что элемент содержит определенный класс в jQuery?

Опубликовано: 30 Декабря, 2022

В этой статье мы увидим, как проверить, содержит ли элемент определенный класс, используя jQuery. Будет использоваться функция Jquery, называемая функцией hasClass() , которая вернет логический результат, если конкретный элемент содержит какой-либо определенный класс. Обратите внимание, что мы можем проверить наличие нескольких классов, доступных в одном теге.

Синтаксис:

$(<slector>).hasClass(<Name of the class or classes>);

Например, у нас есть тег div, в котором есть класс с именем parent.

<div class = "parent"></div>

Тогда следующий скрипт jQuery вернет true, а если мы передадим параметр else, то он просто вернет false.

$("div").hasClass("parent");

Пример 1. В этом рабочем примере у нас будут теги <h1> и <p> , у нас будет имя класса в теге <p> и две кнопки для отдельной проверки классов в следующих тегах HTML. . Поскольку мы включили класс субтитров в тег <p> , он вернет true в качестве всплывающего окна с предупреждением и false для тега <h1> , что мы видим в выводе.

Выход:

Пример 2: В этом другом примере мы включаем еще два класса в тег <p> и проверяем каждый отдельный класс, этот метод hasClass() будет работать для нескольких классов, поэтому он будет возвращать истинный результат в каждом случае, мы будет использовать несколько операторов if для проверки разных имен классов.

Выход: