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