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

Author Автор: Роман Чернышов    Опубликовано: 29 августа 2011

Очередной пост-заметка, для себя(хоть и помню наизусть, записать стоит) и новичков. О том как получить значение какого либо атрибута элемента с помощью функций jQuery? На самом деле все достаточно просто, поэтому я просто перейду непосредственно к самим примерам.

В этом примере при помощи функции «attr», мы получаем значение «rel» тега «a». Действие происходит при клике на объект (ссылку) с идентификатором стиля #ankor

$('#ankor').click(function() {
 var getvalue = $(this).attr('rel');
 alert(getvalue);
});

Таким же образом мы можем получить значение любого атрибута, у любого обькта на странице. Как при клике на него, так и после загрузки страницы:

После клика на объект #ankor, получаем значение href у всех ссылок на странице, в массив:

$('#ankor').click(function() {
 var getvalue = $('a').attr('href');
});

Получаем значение атрибуте rel, у элемента с идентификатором #ankor, после полной загрузки структуры DOM (страницы).

$(document).ready(function(){
 var getvalue = $('#ankor').attr('href');
 alert(getvalue);
});

Работать jQuery как всегда очень просто и интересно, JavaScript становится мощным и удобным инструментом даже в руках начинающего программиста. Надеюсь моя небольшая заметочка пригодится не только мне=)

5 комментариев to “jQuery: как получить значение атрибута?”

  • Ryan 22.04.2016 в 1:21 дп

    Добрый вечер. Надо получить href и вывести в консоль, но всегда выводиться только первая ссылка(one.php)
    :

    one
    two

    $(‘body’).live(«click», function(event){
    var url = $(«[href]»).attr(«href»);event.preventDefault(),
    console.log(url);
    });

    Если сделать $(this).attr(«href»), то выводит в консоль undefined
    Как решить проблему?

    • Роман Чернышов 22.04.2016 в 1:49 дп

      добрый день! Решение будет таким
      $(‘body’).live(‘click’, function(event){
      var url = $(this).prop(‘href’);event.preventDefault(),
      console.log(url);
      });

      • Ryan 22.04.2016 в 1:13 пп

        Не понимаю почему, но результат один и тот же, или первая ссылка постоянно выводиться или undefined

        • Роман Чернышов 22.04.2016 в 1:20 пп

          Да, и я пропустил этот момент)) Вот правильный код, если с Live

          $(‘a’).live(‘click’, function(event){
          var url = $(this).attr(‘href’);event.preventDefault(),
          console.log(url);
          });

          если с on

          $(‘body’).on(‘click’, ‘a’, function(event){
          var url = $(this).attr(‘href’);event.preventDefault(),
          console.log(url);
          });

          • Ryan 22.04.2016 в 1:38 пп

            Спасибо, работает

Оставить комментарий

Автор блога
Роман Чернышов
Веб-разработчик,
Full Stack
Senior, Architect
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Моя книга
Книга. Веб-разработчик. Легкий вход в профессию
Печатная книга
Веб-разработчик.
Легкий вход в профессию
Оформить предзаказ
Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка