Praca z metodą map w jQuery
Metoda map
wywołuje zadaną funkcję dla każdego elementu
zbioru. Jest szczególnie przydatna do uzyskiwania lub
ustawiania wartości kolekcji elementów.
Metoda map zwraca od nowa utworzony
zbiór różnych elementów i obiektów, w przeciwieństwie do metody
each,
która zwraca oryginalny zbiór elementów.
Załóżmy, że w naszym kodzie HTML znajduje się kilka akapitów:
<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>
Za pomocą metody map wyświetlmy na
ekranie listę nazw id elementów, oddzielonych
przecinkami. Dla każdego p będziemy pobierać id
za pomocą map i
get.
Następnie skorzystamy z metody JavaScript
join,
aby wypisać uzyskane wartości jako ciąg znaków:
alert(
$('p').map(
function() {
return this.id;
}
).get().join()
);
Za pomocą metody map zmień
u wszystkich p wartości ich id
na ich numery porządkowe.
