Metode data

Metode data ļauj droši piesaistīt jebkura veida datus DOM elementiem, izvairoties no atmiņas noplūdēm. Mēs varam iestatīt vairākas dažādas vērtības elementam un iegūt tās vēlāk. Metodes data izmantošana datu atjaunināšanai neietekmē atribūtus DOM.

Sintakse

Šādi mēs iestatām vērtību kādam elementam un atslēgu, pēc kuras to varēs atrast vēlāk:

.data(atslēga, vērtība);

Mēs varam arī nodot objektu, kas satur atslēgu-vērtību pārus datu atjaunināšanai:

.data(objekts);

Var iegūt datus, kas saistīti ar pirmo elementu jQuery kolekcijā, nodot tikai atslēgu:

.data(atslēga);

Nenododot nevienu parametru, mēs varam nolasīt datus, kas iepriekš saistīti ar DOM elementiem. Metode atgriezīs JavaScript objektu, kas satur katru vērtību kā īpašību:

.data();

Piemērs

Izmantosim data, lai iestatītu datus p tagam, nododot kā pirmo parametru 'test' un vērtību 21 kā otro. Tad nolasīsim datus, kas saglabāti ar atslēgu 'test':

<p>teksts</p>

$('p').data('test', 21); // šeit dati tiek ierakstīti

console.log($('p').data('test')); // izvadīs skaitli 21
console.log($('p').data()); // izvadīs objektu {test: 21}

Skatiet arī

metodi removeData,
kas noņem datus no elementa
metodi hasData,
kas pārbauda, vai elementā ir dati
metodi attr,
kas ļauj iegūt un mainīt jebkuru elementa atribūtu
JavaScript īpašību dataset,
kas ļauj pievienot savus atribūtus tagiem