Metoden data

Metoden data låter dig binda data av vilken typ som helst till DOM-element på ett säkert sätt, vilket hindrar minnesläckor. Vi kan sätta flera olika värden för ett element och hämta dem senare. Användning av metoden data för att uppdatera data påverkar inte attributen i DOM.

Syntax

Så här sätter vi ett värde för ett element med en nyckel, som vi kan använda för att hitta det senare:

.data(nyckel, värde);

Vi kan också skicka ett objekt som innehåller nyckel-värde-par för att uppdatera data:

.data(objekt);

Vi kan hämta data associerade med det första elementet i jQuery-samlingen genom att bara skicka nyckeln:

.data(nyckel);

Genom att inte skicka några parametrar kan vi läsa data som tidigare har kopplats till DOM-elementen. Metoden returnerar ett JavaScript-objekt som innehåller varje värde som en egenskap:

.data();

Exempel

Låt oss använda data för att sätta data för taggen p genom att skicka 'test' som första parameter och värdet 21 som den andra. Sedan läser vi datan som sparats med nyckeln 'test':

<p>text</p>

$('p').data('test', 21); // här skrivs datan

console.log($('p').data('test')); // kommer att skriva ut talet 21
console.log($('p').data()); // kommer att skriva ut objektet {test: 21}

Se även

metoden removeData,
som tar bort data från ett element
metoden hasData,
som kontrollerar om data finns i ett element
metoden attr,
som låter dig hämta och ändra vilket attribut som helst för ett element
JavaScript-egenskapen dataset,
som låter dig lägga till egna attribut till taggar