Коды всех смайликов «ВКонтакте» с обозначениями
Артем Мáлков
370 просм
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 malcov"></div>

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

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

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

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