Jquery Map Fonksiyonu Kullanımı $.map()

jquery

Jquery kütüphanesinin en sevdiğim fonksiyonlarından biride map fonksiyonudur. Kısa zamanda etkili çözümler bulmama yaramıştır çoğu zaman. Bu yazımda da basit bir şekilde kullanımından bahsedeceğim.

Map fonksiyonu objeleri dizi haline getirebilir ve hatta kendi içerisinde dizi olarak aldığı objeleri döngüye alabilir. Yani ben diziye çevirdiğim obje kümem üzerinde bazı işlemleri gerçekleştirmek için for / foreach gibi klasik döngü yapılarını kullanmayabilirim.

Bu örneğimde de Jquery kütüphanesini web sayfanıza içerdiğinizi varsayarak anlatıyorum.

Örneğin benim bir liste yapım var

<ul id=”liste”>

<li>İçerik 0</li>

<li>İçerik 1</li>

<li>İçerik 2</li>

</ul>

Diyelim ki ben ul içerisindeki her bir li elemanına dinamik olarak id özniteliği vermek istiyorum

 

$(“#liste li”).map(function(index, item){

$(item).attr(“id”,”icerik” + index);

});

 

bu işlemden sonra yeni çıktımız şu şekilde olacaktır;

<ul id=”liste”>

<li id=”icerik0″>İçerik 0</li>

<li id=”icerik1″>İçerik 1</li>

<li id=”icerik2″>İçerik 2</li>

</ul>

 

Örneğin çalıştırılabilir verisyonuna buradan ulaşabilirsiniz: http://jsfiddle.net/LprP7/

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.