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

При разработке на 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?

Заметка на тему: jQuery, JS / JavaScript

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

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

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

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

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

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

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

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

Заметка на тему: jQuery, JS / JavaScript