Jquery получить атрибут data

Привязка и чтение собственные переменные к/от любым элементов страницы.

version added: 1.2.3 .data( key, value )

key

Название параметра данных.

value

Новое значение; может быть любого типа, поддерживаемого Javascript, включая Массивы или Объекты.

version added: 1.4.3 .data( obj )

obj

Объект вида ключ:значение для обновления данных.

version added: 1.2.3 .data( key )

key

Имя параметра данных для считки значения.

version added: 1.4 .data()

Данный метод не принимает аргументов.

Возвращает объект со всеми переменными, прикрепленными к первому из выбранных элементов.

Метод .data() позволяет нам присоединить пачку данных к DOM элементам, а затем в нужный момент, считывать.

В качестве данных, можем использовать разные типы значений:

Метод .data() нельзя применить к элементу (если это Flash плагин), или элементу .

Пример

Сохранить значение в div, а затем извлечь его.

Мы можем одновременно извлекать несколько значений с одного и того же элемента:

Если вы питаетесь извлечь данные, которые предварительно не записали, то в качестве значения получите undefined.

Атрибут HTML5 data-*

Начиная с jQuery 1.4.3 HTML 5 серия атрибутов data-* будет автоматически использоваться при использовании объекта данных jQuery.

К примеру, дан следующий HTML код:

Весь следующий код будет рабочим.

Все данные будут преобразованы в типы данных JavaScript (включая булевы значения, цифры, объекты, массивы, и null).

Для получения данных в виде строки, воспользуйтесь методом attr().

При вызове метода .data() без параметров, данные будут помещены в объект JavaScript. Его можно закэшировать и пользоваться дальше, обращаясь к полям:

Немного пред-/пост- истории:
Пробую сделать интернационализацию с помощью data-value значений:

Справился с первоначальной задачей. Просто использовал this без $() — это было моей фееричной ошибкой, но мне мой знакомый указал на мою это

Читайте также:  Бесплатная смс на киевстар перезвони мне

С выходом HTML5 появилась возможность создавать свои атрибуты для любых тегов.

Атрибут начинается с data-, после тире пишем своё название. Внутри него пишем, что хотим. В коде выглядит так:

Теперь рассмотрим как обращаться к этому атрибуту.

Есть несколько вариантов обращения.

1. Для применения стилей

2. Для вывода содержимого

С помощью второго варианта можно вывести содержимое нужного атрибута. Например, этот способ используется для вывода подсказок при наведении:

JavaScript

В JavaScript обращение к атрибуту происходит через метод dataset:

Если атрибут будет называться в несколько слов, скажем так: data-description-one, то на JS для обращения к нему, слова нужно преобразовать в такой вид: descriptionOne.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *