|
JQuery Dizi Tanımlama Each Fonksiyonu
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.
|
<html>
<head>
<title>jQuery - Each</title>
<script src="jquery-1.5.1.js"></script>
<script type="text/javascript">
var sayilar=[1,2,3,4,5,6,7,8,9,10];
$(document).ready(function(){
jQuery.each(sayilar,function(i,v){
$("#sonuc").append("Eleman ",i," = ",v,"<br/>");
});
});
</script>
</head>
<body>
<div id="sonuc"></div>
</body>
</html>
|
- var sayilar = [1,2,3,4,5,6,7,8,9,10] 10 elemanlı tamsayı dizisi oluşturur.
- 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.
- $(“#sonuc”).append(deger); fonksiyonu ile “sonuc” ismindeki elemanın metnine “deger” değişkenini eklemektedir.
Veysel Uğur KIZMAZ
»
»
»
»
|