"/>"/>
Yazılım Dilleri
Asp.Net 4.5 Kitabı
Skip Navigation Links

jQuery ile Dizi Tanımlama ve Each Fonksiyonu

jQuery ile dizi tanımlamasının nasıl yapıldığına bakalım ve dizinin elemanları içinde gezmek için Each fonksiyonunun kullanımını inceleyelim.

 jQuery ile dizi tanımlaması ve each fonksiyonunu inceleyelim.

 
jQuery’de each fonksiyonu, C#, VB gibi üst seviye programlama dillerinde kullandığımız foreach ile benzer şekilde çalışmaktadır.
 
Örnek uygulamamızda 10 elemanlı bir tamsayı dizisi oluşturalım ve bu dizinin elemanlarını döngü kullanmadan ekranda gösterelim.
 
 
  1. <html>
  2.             <head>
  3.                         <title>jQuery - Each</title>
  4.                         <script src="jquery-1.5.1.js"></script>
  5.                         <script type="text/javascript">
  6.                                    var sayilar=[1,2,3,4,5,6,7,8,9,10];
  7.                                    $(document).ready(function(){
  8.                                                jQuery.each(sayilar,function(i,v){
  9.                                                            $("#sonuc").append("Eleman ",i," = ",v,"<br/>");
  10.                                                });
  11.                                    });
  12.                         </script>
  13.             </head>
  14.             <body>
  15.                         <div id="sonuc"></div>
  16.             </body>
  17. </html>
 
  1. var sayilar = [1,2,3,4,5,6,7,8,9,10] 10 elemanlı tamsayı dizisi oluşturur.
  2. jQuery.each(sayilar,handler) fonksiyonu ile “sayilar” dizisinin tüm elemanlarında tek tek gezme işlemini gerçekleştirir. Handler içindeki fonksiyon tamsayı dizisi için 2 değer almıştır. 1. değer bulunduğu elemanın indexi, 2. değer ise bulunduğu elemanın değerini göstermektedir.
  3. $(“#sonuc”).append(deger); fonksiyonu ile “sonuc” ismindeki elemanın metnine “deger” değişkenini eklemektedir.
 
 
 
Veysel Uğur KIZMAZ
Bilgisayar Mühendisi
 

 

Yorumlar (1)

  1. Avatar
    Murat

    30.08.2012

    Paylaşımınız için teşekkürler.O kadar sitede each() fonksiyonuna baktım kavrayamadım.Sizin anlatımınız hem sade hem anlaşışılır olmuş.Teşekkürler...

Yorum Yap

Mail listesine katılmak için tıklayınız

Hakkımdaki son bilgilere anlık erişmek için mail listesine katılabilirsiniz.