У цьому статті я розповім як можна дізнатися клас HTML елемента по його ID або перевірити, чи є такий клас у елемента. Крім того, що ми можемо дізнатися і взяти class елемента, ми можемо за допомогою даного методу дізнатися і отримати будь-який інший атрибут елемента.
Перевірка класу елемента
Як ми знаємо все HTML елементи можуть мати атрибут class, який може мати кілька значення перераховані прогалиною.
І так, у нас в HTML коді є елемент div, який має два класи - myClass1, myClass2. У нас є завдання - перевірити за допомогою jQuery є у елемента певний клас по його ID. Це можна зробити за допомогою методу .hasClass (). Наприклад, якщо ми хочемо дізнатися чи є у елемента клас myClass2, то ми робимо наступну перевірку.
Метод .hasClass () завжди повертає значення типу boolean. Тобто, якщо у нас є такий клас, то буде повернуто логічне значення true і перевірка пройде успішно. У нашому випадку ми побачимо повідомлення «У елемента заданий клас myClass2!».
Дуже часто початківці розробники використовують метод .attr () для перевірки / порівняння класів. Але даний метод перевірки буде працювати неправильно, якщо атрибут клас має декілька значення. Приклад коду нижче написаний неправильно.
Дізнатися / отримати значення класу елемента
Вище я вже розповів, що за допомогою методу .attr () не можна перевірити або порівняти значення атрибут class, але за допомогою цього методу можна отримати значення атрибутів. Якщо елемент має один клас, то ми можемо отримати його і використовувати без додаткових дій.
Але якщо елемент має декілька класів, то потрібно розбити отриманий рядок на масив:
За допомогою цього методу можна дізнатися і отримати значення будь-якого атрибута.