Метод data

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

Синтакса

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

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

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

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

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

javascript.data(кључ);

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

javascript.data();

Пример

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

html<p>текст</p>
javascript$('p').data('test', 21); // овде се подаци уписују

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

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

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