JQuery – Each Döngüsü
C# diline özel foreach döngüsüne niteliksel olarak benzerlik gösteren JQuery’de de each fonksiyonundan bahsedeceğiz.Dizi ya da koleksiyon benzeri yapılardan elemanlara teker teker ulaşıp işlem yapmamızı sağlar.Prototipi aşağıdaki gibidir.
$.each(Dizi ya da Koleksiyon,Fonksiyon)
Gördüğünüz gibi each fonksiyonu iki parametreden oluşmaktadır.İlk parametresine içinde döneceği dizi ya da koleksiyon nesnemizi veriyoruz, ikinci parametremize ise bir fonksiyon tanımlayıp her eleman için nasıl işlem gerçekleştirilecek o fonksiyonda belirtiyoruz.
<html>
<head>
<script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var Takimlar = Array("Fenerbahçe","Galatasaray","Ankaragücü","Beşiktaş","Trabzonspor");
var ToplamTakim = "";
$.each(Takimlar,
function(IndexNo, Deger)
{
ToplamTakim += "Index Numarası : " + IndexNo + " - Takım : " + Deger + "\n";
}
);
alert(ToplamTakim);
</script>
</head>
<body>
</body>
</html>
Yukarıdaki kod bloğunu incelerseniz eğer each fonksiyonunun ikinci parametresinde tanımlanan fonksiyonun “IndexNo” parametresi, each fonksiyonunun o anda tuttuğu elemanın index numarasını, “Deger” parametresi ise değerini taşıyacaklarından dolayı tanımlanmıştır.
Prosedürel olarak yukarıdaki kod bloğunu izah etmeye lüzum görmüyorum.Lakin oluşturulan Array sayesinde takımları tutuyor ve each fonksiyonuyla o Array içinde döndüğümüzü belirtmekte fayda görüyorum.
İyi çalışmalar..
