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:

html<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:

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