Meetod data

Meetod data võimaldab siduda mis tahes tüüpi andmeid DOM elementidega turvalisel viisil, vältides mälulekkeid. Me saame määrata elemendile mitu erinevat väärtust ja need hiljem tagasi saada. Meetodi data kasutamine andmete uuendamiseks ei mõjuta DOM-i atribuute.

Süntaks

Nii seame me elemendile väärtuse ja võtme, mille abil seda hiljem leida saab:

.data(võti, väärtus);

Samuti saame edastada objekti, mis sisaldab võtme-väärtuse paare andmete uuendamiseks:

.data(objekt);

Andmeid, mis on seotud jQuery kollektsiooni esimese elemendiga, saame kätte, edastades ainult võtme:

.data(võti);

Andmete saamiseks, mis on varem DOM elementidega seotud, ei pea me ühtegi parameetrit edastama. Meetod tagastab JavaScript objekti, mis sisaldab iga väärtuse atribuudina:

.data();

Näide

Paneme data abil andmed sildile p, edastades esimese parameetrina 'test' ja väärtuse 21 teiseks. Seejärel loeme andmed, mis on salvestatud võtmega 'test':

<p>tekst</p>

$('p').data('test', 21); // siin kirjutatakse andmed

console.log($('p').data('test')); // väljastab numbri 21
console.log($('p').data()); // väljastab objekti {test: 21}

Vaata ka

meetod removeData,
mis eemaldab andmed elemendist
meetod hasData,
mis kontrollib andmete olemasolu elemendis
meetod attr,
mis võimaldab saada ja muuta suvalist elemendi atribuuti
JavaScripti omadus dataset,
mis võimaldab lisada oma atribuute siltidele