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:

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

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