Arbejde med map-metoden i jQuery

Metoden map kalder en given funktion for hvert element i sættet. Den er særlig praktisk til at hente eller sætte værdier for en samling af elementer.

Metoden map returnerer et nydannet sæt af forskellige elementer og objekter, i modsætning til metoden each, som returnerer det oprindelige sæt af elementer.

Lad os sige, at vi i vores HTML-kode har flere afsnit:

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

Lad os, ved hjælp af metoden map, vise en liste over id-navne for elementerne, adskilt af kommaer. For hver p vil vi hente id med map og get. Derefter bruger vi JavaScript-metoden join for at vise de modtagne værdier som en streng:

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