Metoden data

Metoden data lar deg binde data av hvilken som helst type til DOM-elementer på en sikker måte, noe som unngår minnelekkasjer. Vi kan sette flere forskjellige verdier for et element og hente dem senere. Bruk av metoden data for å oppdatere data påvirker ikke attributter i DOM.

Syntaks

Slik setter vi en verdi for et element med en nøkkel, som det kan finnes med senere:

.data(nøkkel, verdi);

Vi kan også sende et objekt som inneholder nøkkel-verdi-par for å oppdatere data:

.data(objekt);

Vi kan hente data knyttet til det første elementet i jQuery-samlingen ved kun å sende nøkkelen:

.data(nøkkel);

Uten å sende noen parametere kan vi lese data tidligere knyttet til DOM-elementer. Metoden returnerer et JavaScript-objekt som inneholder hver verdi som en egenskap:

.data();

Eksempel

La oss ved hjelp av data sette data for taggen p, ved å sende 'test' som første parameter og verdien 21 som den andre. Deretter leser vi dataene lagret med nøkkelen 'test':

<p>tekst</p>

$('p').data('test', 21); // her skrives dataene

console.log($('p').data('test')); // vil skrive ut tallet 21
console.log($('p').data()); // vil skrive ut objektet {test: 21}

Se også

metoden removeData,
som fjerner data fra et element
metoden hasData,
som sjekker om data finnes i et element
metoden attr,
som lar deg hente og endre hvilket som helst attributt til et element
JavaScript-egenskapen dataset,
som lar deg legge til egne attributter til tagger