Метод data

Метод data омогућава да вежете податке било ког типа за DOM елементе на сигуран начин, што омогућава избегавање цурења меморије. Можемо поставити неколико различитих вредности за елемент и добити их касније. Коришћење метода data за ажурирање података не утиче на атрибуте у DOM-у.

Синтакса

Овако постављамо вредност за неки елемент, и кључ, по коме ће се он касније моћи наћи:

.data(кључ, вредност);

Такође можемо проследити објекат који садржи парове кључ-вредност за ажурирање података:

.data(објекат);

Можемо добити податке повезане са првим елементом у jQuery колекцији, прослеђујући само кључ:

.data(кључ);

Не прослеђујући никакве параметре, можемо прочитати податке раније повезане са DOM елементима. Метод ће вратити JavaScript објекат, који садржи сваку вредност као својство:

.data();

Пример

Хајде да помоћу data поставимо податке за тег p, прослеђујући као први параметар 'test' и вредност 21 за други. Затим прочитајмо податке, сачуване под кључем 'test':

<p>текст</p>

$('p').data('test', 21); // овде се подаци уписују

console.log($('p').data('test')); // исписаће број 21
console.log($('p').data()); // исписаће објекат {test: 21}

Погледајте такође

метод removeData,
који брише податке из елемента
метод hasData,
који проверава постојање података у елементу
метод attr,
који омогућава да добијете и промените било који атрибут елемента
JavaScript својство dataset,
које омогућава да додајете своје атрибуте таговима