training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

Как узнать изменить свойства элемента или атрибута attr() jquery

Создано: 26 декабря 2015Автор: Егор Астапов1765 просмотровСложность: легкий

Вы можете прочесть и изменить свойства элемента или атрибута при помощи функции attr() jquery. Атрибутами могут быть: title, alt, src, href, width, style и т.д. Даже data-cat и data-create тоже являются дополнительными атрибутами. Любые дополнительные атрибуты задаются после слова data-. Если вы используйте такой атрибут url="/page=1", то вы не пройдёте валидацию.


<p><a id="link1" href="/page=1" data-cat="PHP" data-create="28.07.2016">страница1</a></p>
<p><a id="link2" href="/page=2" data-cat="JS" data-create="29.07.2016">страница2</a></p>
<p><a id="link3" href="/page=3" data-cat="GIT" data-create="30.07.2016">страница3</a></p>

// собираем все дополнительные свойства у первого элемента
var arr_data = $("a:eq(0)").last().data();
console.log(arr_data);
// вывод: Object { cat="GIT", create="30.07.2016"}

Как прочесть урл? Тут всё просто. Эта запись a[href] дополнительная проверка для того чтобы не было undefined;


// собираем свойство href у первого элемента
var url = $("a[href]:eq(0)").attr('href');
console.log(url);
//вывод: /page=1

Любые cвойства элементов javascript переписывают с помощью attr(). Функция attr('href', '/new-page=1') имеет второй дополнительный параметр. Если выполнить такой код $("a[href]").attr('href', '/new-page=1'), то все ссылки перепишутся.


// переписываем свойство href у всех элементов
var url = $("a[href]").attr('href', '/new-page=1');
// смотрим атрибут href последнего элемента
var url = $("a[href]:last").attr('href');
console.log(url);
// вывод: "/new-page=1"

Комментарии

реклама