it-blog.club
Класс есть? А если найду?

Класс есть? А если найду?

Узнаем присутствует ли класс у элемента средствами JS

Время от времени у большинства разработчиков возникает ситуация, когда при написании какого либо скрипта, необходимо узнать, присутствует ли класс у элемента или нет. Разумеется вам это скорее всего не потребуется в тот момент когда вы не изменяете элементы в хоте работы, в таком случае вы и так знаете какие классы у чего есть. Но бываю случаи, когда при определённом событии, вам необходимо добавить класс active к элементу, и в будущем проверить наличие этого класса. Сейчас я расскажу вам, как это можно сделать без каких либо проблем.

Давайте начнём с работающего, НО плохого примера. Никогда так не делайте(видел подобное на одном форуме).


<div class="color active">Какой-то текст</div>

Давайте проверим наличие класcа active


var cl = $('div').attr('class');
var arClass = cl.split(' ');
if(arClass[1] == 'active'){
alert('Класс есть');
}else{
alert('Класса нет');
}

Это реально рабочий пример, но пользуйтесь им никогда))

А вот как это нужно сделать правильно


if($('div').hasClass('active')){
alert('Есть active');
}else{
alert('Не активен');
}

Как вы заметили вы использовали функцию hasClass() для определения нашего класса у элемента.


it-blog.club 594
Автор: Ярослав Хмель


Если Вам понравилась статья, то можете поддержать блог переведя N сумму на кофе авторам или оплату хостинга!
В любом случае спасибо! А так же не забывайте про группу в ВК
ПОИСК ПО САЙТУ
Поддержать