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:
<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:
alert(
$('p').map(
function() {
return this.id;
}
).get().join()
);
Usando o método map, altere
em todos os p os valores de seus id
para seus números de ordem.
