Arbete med map-metoden i jQuery

Metoden map anropar en given funktion för varje element i uppsättningen. Den är särskilt användbar för att få eller ställa in värden för en samling element.

Metoden map returnerar en nyskapad uppsättning av olika element och objekt, till skillnad från metoden each, som returnerar den ursprungliga uppsättningen element.

Låt oss anta att vi har flera stycken i vår HTML-kod:

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

Låt oss, med hjälp av metoden map, skriva ut en lista över id namn för elementen, separerade med kommatecken. För varje p kommer vi att hämta id med map och get. Sedan använder vi JavaScript-metoden join, för att skriva ut de erhållna värdena som en sträng:

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