A map metódus használata jQuery-ben

A map metódus meghívja a megadott függvényt a halmaz minden eleme számára. Különösen praktikus elemek gyűjteményének értékeinek lekéréséhez vagy beállításához.

A map metódus újból létrehozott, különböző elemekből és objektumokból álló halmazt ad vissza, ellentétben a each metódussal, amely az eredeti elemhalmazt adja vissza.

Tegyük fel, hogy a HTML kódunkban több bekezdés van:

<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>

A map metódus segítségével most jelenítsük meg a képernyőn az elemek id neveit, vesszővel elválasztva. Minden egyes p elemnél megkapjuk az id-t a map és a get segítségével. Ezután kihasználjuk a JavaScript join metódusát, hogy a kapott értékeket sztringként jelenítsük meg:

alert(
	$('p').map(
		function() {
			return this.id;
		}
	).get().join()
);

A map metódus segítségével módosítsa az összes p elem id értékét a sorszámukra.