Metoden data

Metoden data gør det muligt at tilknytte data af enhver type til DOM-elementer på en sikker måde, hvilket undgår hukommelseslækager. Vi kan indstille flere forskellige værdier for et element og hente dem senere. Brug af metoden data til at opdatere data påvirker ikke attributterne i DOM.

Syntaks

Sådan indstiller vi en værdi for et element med en nøgle, som den kan findes på senere:

.data(nøgle, værdi);

Vi kan også sende et objekt, der indeholder nøgle-værdi-par til opdatering af data:

.data(objekt);

Det er muligt at hente data knyttet til det første element i jQuery-samlingen ved kun at sende nøglen:

.data(nøgle);

Uden at sende nogen parametre kan vi læse data tidligere knyttet til DOM-elementerne. Metoden returnerer et JavaScript-objekt, der indeholder hver værdi som en egenskab:

.data();

Eksempel

Lad os ved hjælp af data indstille data for tagget p ved at sende 'test' som den første parameter og værdien 21 som den anden. Derefter læser vi dataene gemt med nøglen 'test':

<p>tekst</p>

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

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

Se også

metoden removeData,
som fjerner data fra et element
metoden hasData,
som kontrollerer tilstedeværelsen af data i et element
metoden attr,
som gør det muligt at få og ændre enhver attribut på et element
JavaScript-egenskaben dataset,
som gør det muligt at tilføje egne attributter til tags