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:
<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:
alert(
$('p').map(
function() {
return this.id;
}
).get().join()
);
map metodunu kullanarak, tüm p
elemanlarının id değerlerini, kendi sıra
numaralarıyla değiştirin.
