Metoda data

Metoda data omogoča vezavo podatkov katere koli vrste na DOM elemente na varen način, kar preprečuje uhajanje pomnilnika. Lahko nastavimo več različnih vrednosti za element in jih pozneje pridobimo. Uporaba metode data za posodabljanje podatkov ne vpliva na atribute v DOM.

Sintaksa

Tako nastavimo vrednost za določen element in ključ, po katerem ga lahko pozneje najdemo:

.data(ključ, vrednost);

Prav tako lahko posredujemo objekt, ki vsebuje pare ključ-vrednost za posodobitev podatkov:

.data(objekt);

Podatke, povezane s prvim elementom v kolekciji jQuery, lahko pridobimo tako, da posredujemo samo ključ:

.data(ključ);

Brez podajanja parametrov lahko preberemo podatke, ki so bili prej povezani z DOM elementi. Metoda bo vrnila JavaScript objekt, ki vsebuje vsako vrednost kot lastnost:

.data();

Primer

Z uporabo data nastavimo podatke za oznako p tako, da posredujemo kot prvi parameter 'test' in vrednost 21 za drugega. Nato preberemo podatke, shranjene s ključem 'test':

<p>besedilo</p>

$('p').data('test', 21); // tukaj so podatki zapisani

console.log($('p').data('test')); // bo izpisal številko 21
console.log($('p').data()); // bo izpisal objekt {test: 21}

Glej tudi

metoda removeData,
ki odstrani podatke iz elementa
metoda hasData,
ki preverja prisotnost podatkov v elementu
metoda attr,
ki omogoča pridobitev in spremembo katerega koli atributa elementa
JavaScript lastnost dataset,
ki omogoča dodajanje lastnih atributov oznakam