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

Author Роман Чернышов    Category JavaScript / jQuery     Tags , Комментариев 5 Дата 29 Авг

jquery jQuery: как получить значение атрибута?Очередной пост-заметка, для себя(хоть и помню наизусть, записать стоит) и новичков. О том как получить значение какого либо атрибута элемента с помощью функций 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 пп

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

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

Консультации

Консультант Чернышов Р.В. Зайдайте вопрос на любую из тем:
Бесплатно и без регистрации!

Задать вопрос
Все вопросы
Последние вопросы
Поиск по блогу
Категории
Архив
Новое на сайте
Портфолио Все работы


www.detskiy-mir.net
www.detskydoctor.ru
www.betelit.ru
www.all-alliance.ru
www.videogonok.ru
www.carpfishing.by
www.property-greek.com
www.domcons.ru

с 2009 года по сегодняшний день, создано более 300 сайтов...