Lavorare con il metodo map in jQuery

Il metodo map richiama una determinata funzione per ogni elemento di un insieme. È particolarmente utile per ottenere o impostare i valori di una collezione di elementi.

Il metodo map restituisce un insieme ricostituito di elementi e oggetti diversi, a differenza del metodo each, che restituisce l'insieme di elementi originale.

Supponiamo che nel nostro codice HTML ci siano diversi paragrafi:

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

Utilizziamo il metodo map per visualizzare a schermo un elenco di nomi id degli elementi, separati da virgole. Per ogni p otterremo il suo id usando map e get. Poi utilizzeremo il metodo JavaScript join, per visualizzare i valori ottenuti come una stringa:

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