Trabalhando com o método map em jQuery

O método map chama uma função determinada para cada elemento de um conjunto. É especialmente útil para obter ou definir valores de uma coleção de elementos.

O método map retorna um conjunto recém-formado de elementos e objetos diferentes, ao contrário do método each, que retorna o conjunto original de elementos.

Suponha que temos vários parágrafos em nosso código HTML:

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

Vamos usar o método map para exibir na tela uma lista de nomes id dos elementos, separados por vírgulas. Para cada p, obteremos o id usando map e get. Em seguida, usaremos o método JavaScript join, para exibir os valores obtidos como uma string:

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