map-metodin käyttö jQueryssä

map -metodi kutsuu annettua funktiota jokaiselle joukon elementille. Se on erityisen kätevä arvojen noutamiseen tai asettamiseen elementtikokoelmille.

map -metodi palauttaa uudelleen muodostetun erilaisten elementtien ja objektien joukon toisin kuin each -metodi, joka palauttaa alkuperäisen elementtijoukon.

Oletetaan, että HTML-koodissamme on useita kappaleita:

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

Käytetään map -metodia tulostamaan näytölle lista id -elementtien nimistä, eroteltuina pilkuilla. Jokaisesta p -elementistä noudamme id -arvon käyttämällä map - ja get -metodeja. Sitten hyödynnämme JavaScript -metodia join tulostamaan saadut arvot merkkijonona:

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