Методот 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,
кое овозможува додавање на сопствени атрибути на тагови