Trabajo con el método map en jQuery

El método map ejecuta una función dada para cada elemento de un conjunto. Es especialmente útil para obtener o establecer valores de una colección de elementos.

El método map devuelve un conjunto recién formado de diferentes elementos y objetos, a diferencia del método each, que devuelve el conjunto original de elementos.

Supongamos que en nuestro código HTML hay varios párrafos:

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

Usemos el método map para mostrar en pantalla una lista de nombres id de elementos, separados por comas. Para cada p obtendremos el id usando map y get. Luego usaremos el método JavaScript join, para mostrar los valores obtenidos como una cadena:

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

Usando el método map, cambie para todos los p los valores de su id por sus números de orden.