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:

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

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

Utilizzando il metodo map, modifica per tutti i p i valori dei loro id con i loro numeri d'ordine.