Коды всех смайликов «ВКонтакте» с обозначениями   •   Online-инструменты
602 просм
0 комм
Поделиться:

Проверяем наличие класса у элемента на jQuery

В этой статье я хотел бы рассказать, как сделать проверку на наличие класса в элементе с помощью jQuery. Самих по себе классов у элемента может быть несколько, и все они указываются через пробел.

Наша же задача – проверить, присутствует ли определенный класс (или несколько классов) у элемента или нет, и дальше выполнить нужное нам действие.

Для решения это задачи мы воспользуемся функцией «hasClass».

И так, у нас есть div:

<div class="artem malcov"></div>

Мы проверим, есть ли у элемента с классом «artem» класс «malcov»:

<div class="artem malcov"></div>

<script>
	if($(".artem").hasClass("malcov")) {
		alert("У элемента есть класс malcov!");
		// Здесь может быть любой другой ваш код
	}
</script>

И если класс есть – появится соответствующее сообщение.

Следующая же конструкция выводит нам сообщение, если у элемента с классом «artem» нет класса «malcov»:

<div class="artem"></div>

<script>
	if(!$(".artem").hasClass("malcov")) {
		alert("У элемента нет класса malcov!");
		// Здесь может быть любой другой ваш код
	}
</script>

И еще несколько примеров работы с hasClass.

Делаем проверку, чтобы у элемента с классом «artem» были классы «malcov» и «ru»:

<div class="artem malcov ru"></div>

<script>
	if($(".artem").hasClass("malcov") && $(".artem").hasClass("ru")) {
		alert("У элемента есть классы malcov и ru!");
		// Здесь может быть любой другой ваш код
	}
</script>

И делаем проверку, чтобы бы был хотя бы 1 класс «malcov» или «ru»:

<div class="artem ru"></div>

<script>
	if($(".artem").hasClass("malcov") || $(".artem").hasClass("ru")) {
		alert("У элемента есть один из указанных классов!");
		// Здесь может быть любой другой ваш код
	}
</script>

Казалось бы, простая функция, но весьма полезная в арсенале разработчика.

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария