Travailler avec la méthode map dans jQuery

La méthode map appelle une fonction donnée pour chaque élément d'un ensemble. Elle est particulièrement pratique pour obtenir ou définir les valeurs d'une collection d'éléments.

La méthode map retourne un ensemble nouvellement formé d'éléments et d'objets variés, contrairement à la méthode each, qui retourne l'ensemble d'éléments original.

Supposons que notre code HTML ait plusieurs paragraphes :

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

Utilisons la méthode map pour afficher à l'écran une liste des noms d'id des éléments, séparés par des virgules. Pour chaque p, nous obtiendrons l'id en utilisant map et get. Ensuite, nous utiliserons la méthode JavaScript join, pour afficher les valeurs obtenues sous forme de chaîne :

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

À l'aide de la méthode map, modifiez pour tous les p la valeur de leur id par leur numéro d'ordre.