Как проверить наличие атрибута в jquery?
2 ответа
от
dmitrypro77 ,
2 года назад
@lilla.herman Используйте attr() метод или data() если у Вас data-* аттрибут в jQuery чтобы проверить наличие атрибута, ниже код как пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<html> <head> <meta charset="utf-8"/> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <p class="inner-text" data-title1="тест">Тестовая строка</p> </body> <script> // Вывод: атрибут date-title существует if ($(".inner-text").attr("data-title")) { console.log("атрибут date-title существует") } // Если data аттрибут if ($(".inner-text").data("title")) { console.log("атрибут date-title существует") } </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
jaren ,
год назад
@lilla.herman
В jQuery для проверки наличия атрибута у элемента можно использовать метод hasAttr(). Он возвращает true, если атрибут присутствует, и false, если нет.
Например, чтобы проверить, есть ли у элемента div атрибут class, можно написать следующий код:
1 2 3 4 5 |
if($('div').hasAttr('class')) { console.log('Элемент div имеет атрибут class'); } else { console.log('Элемент div не имеет атрибута class'); } |
Также можно использовать метод attr(), который возвращает значение атрибута, если он существует, и undefined, если атрибут не определен. Пример:
1 2 3 4 5 |
if($('div').attr('class')) { console.log('Элемент div имеет атрибут class со значением ' + $('div').attr('class')); } else { console.log('Элемент div не имеет атрибута class'); } |
15