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:

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

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