jQuery tapasztalatok – változók átadása

A javascript egy elég keszekusza nyelv – aki foglalkozott már vele tudja miről írok. A keszekuszaságban vannak esetek, amikor jQuery barátunkkal objektumokon végzünk módosításokat, amik egy bizonyos function-ökben történnek. Biztos megfigyeltétek már: ha a function-nek van paramétere akkor a külső változók nem látszanak a function-ön belüli részek számára.

Agyaltam jó sokat, hogy hogyan lehetne e problémát kiküszöbölni – aztán megvilágosodtam.

Megoldás: set/get property írás/olvasás a html elemeken.

Használjuk az .attr() jQuery függvényt:


$("#akarmi").attr("data-post_id", "5");

Az .attr() metódusnak két “üzemmódja” van.

Ha egy paramétert kap akkor property olvasás van, ha két paraméter akkor key-value értékadás/beállítás.

Tehát a


<div id="akarmi">...</div>

elem a fenti js kód lefutása után lényegében így fog kinézni:


<div id="akarmi" data-post_id="5">...</div>

Amit aztán a


.attr("data-post_id")

metódussal vissza kiolvashatunk.

Hát nem egyszerű? 🙂

Vélemény, hozzászólás?

Az email címet nem tesszük közzé.