jQuery'de map Metodu ile Çalışma

map metodu, bir dizi elemanın her biri için belirtilen fonksiyonu çağırır. Özellikle, eleman koleksiyonlarının değerlerini almak veya ayarlamak için kullanışlıdır.

map metodu, orijinal eleman setini döndüren each metodunun aksine, yeniden oluşturulmuş farklı eleman ve nesnelerden oluşan bir set döndürür.

HTML kodumuzda birkaç paragraf olduğunu varsayalım:

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

map metodu kullanarak, elemanların id adlarının virgülle ayrılmış bir listesini ekrana yazdıralım. Her p için, map ve get kullanarak id değerini alacağız. Ardından, elde edilen değerleri bir dize olarak yazdırmak için JavaScript join metodunu kullanacağız:

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