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

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

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

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

Просмотр кода JQUERY

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

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

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

Просмотр кода JQUERY

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

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

Просмотр кода JQUERY

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

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

JavaScript / jQuery Tags

attr, jquery

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 пп
        Спасибо, работает