Arbeiten mit der map-Methode in jQuery

Die Methode map ruft eine gegebene Funktion für jedes Element einer Menge auf. Sie ist besonders nützlich, um Werte einer Sammlung von Elementen abzurufen oder zu setzen.

Die Methode map gibt eine neu zusammengestellte Menge verschiedener Elemente und Objekte zurück, im Gegensatz zur Methode each, die die ursprüngliche Menge der Elemente zurückgibt.

Nehmen wir an, in unserem HTML-Code gibt es mehrere Absätze:

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

Lassen Sie uns mit der Methode map eine Liste der id-Namen der Elemente, getrennt durch Kommas, auf dem Bildschirm ausgeben. Von jedem p holen wir uns die id mit map und get. Dann nutzen wir die JavaScript-Methode join, um die erhaltenen Werte als Zeichenkette auszugeben:

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