Хочу рассказать Вам все о сайтах, что узнал сам за 10 лет.
Блог Виталия Жукова Vitalik.WS Свой сайт с нуля - легко!
Обо мне, как об авторе блога.
Подробнее
Vitalik.WSЗаметки → Как получить значение атрибута и проверить его наличие на jQuery?

Как получить значение атрибута и проверить его наличие на jQuery?
Заметка на тему: jQuery, JS / JavaScript

При разработке на jQuery (или JavaScript / JS) частенько нужно передать какие-то параметры от одного элемента DOM к другому. И для этих целей лучше всего подходит использование своего атрибута, например так:
Текст для клика

В данном примере я хочу передать фразу "attr value" через атрибут my_str. Но, ведь, не факт, что элемент DOM span#vitalikws-test-span будет содержать атрибут my_str.

Как получить значение атрибута на jQuery?


Получить значение атрибута в jQuery можно вот такой командой:
var my_str_value = $('span#vitalikws-test-span').attr('my_str');

где в переменной my_str_value должно быть значение "attr value" (или другое, указанное в элементе span).

Если необходимо получить атрибут по событию клика (внутри функции click() ), то можно ещё так (через ссылку this):
$('span#vitalikws-test-span').click(function() {
  var my_str_value = $(this).attr('my_str');
});


Но что, если, вдруг, в span#vitalikws-test-span не будет атрибута my_str? Вы получите ошибку и JavaScript (JS) перестанет работать. То есть "сайт сломается". Что бы такого не было, нужно обязательно проверять наличие атрибута.

Как проверить наличие атрибута на jQuery?


Проверить наличие атрибута на jQuery можно с помощью вот такого условия:
var my_str_value = $('span#vitalikws-test-span').attr('my_str');

if (typeof my_str_value !== typeof undefined && my_str_value !== false) 
{
    // значение точно существует, можно выполнять дальнейший код
}


Это поможет избежать дальнейших ошибок на JavaScript (JS) в случае, если значение атрибута не задано.

Надеюсь, что помог Вам с получением значения атрибута и проверки его наличия на jQuery. Удачных экспериментов на jQuery / JavaScript (JS)!

Все комментарии к заметке "Как получить значение атрибута и проверить его наличие на jQuery?"

  • Комментариев еще нет.
    Оставьте свой комментарий первым!
Написать свой комментарий:
Отправить
ВНИМАНИЕ! Пожалуйста НЕ пишите в комментариях рекламу, оскорбления, бессмыслицу и прочие проявления интернет-нечисти, так как эти сообщения всеравно не будут опубликованы. Пишите исключительно по теме и ваш комментарий обязательно будет опубликован, а возможно и прокомментирован.
 Подписывайтесь на мой блог
Хотите первыми узнавать о самом интересном? Тогда подпишитесь на рассылку новостей.
Подписаться
Подписавшись на рассылку, Вы всегда будете в первую очередь узнавать о самой важной и полезной для блоггеров и веб-мастеров информации.