Jquery Ders-32 .each() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-32 .each() Kullanımı

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(4340)
RAPOR ET
Jquery derslerimizde devam ediyoruz.Bu derste .each() döngüsünü işleyeceğiz.İşlevinden başlayalım.Sayfada bir birine benzeyen objeleri döngüye sokmamıza yarayan bir fonksiyondur.Örnek sayfadaki tüm resimleri veya classı şu olanlar isi şu olanlar vs.Bu şekilde bir birine benzeyenleri döngüye alıp tek tek işlem yapıyoruz.Şimdi kodlara geçelim.

$("div").each(function(i){
alert(i)
})
$("#konu").each(function(i){
alert(i)
})

Temel kullanımı bu şekilde.Each işleminde her objenin index değerini bize döndürür.Bunu almak için function içine bir değişken oluşturmamız yeterlidir.Ben i diye oluşturdum.

İndex kullanımını bilmiyorsanız : [url=!http://ustaderslik.com/konu/Jquery_Ders-15_.index()_Kullanımı!]

Genel örnek :

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<title>UstaDerslik</title>
<script type="text/javascript">
$(function(){
$("div").each(function(){
var id=$(this).attr("id");
if(id=="renk"){
$(this).css("color","red")
}
})
})
</script>
</head>
<body>

<div>cArleone</div> <br />
<div>cArleone</div><br />
<div id="renk">cArleone</div><br />
<div>cArleone</div><br />
<div>cArleone</div>

</body>
</html>


Yukarıda ne yaptık bakalım.Tüm divleri döngüye soktuk.Dönen her dizin id ini aldım.Eğer idi renk ise onun rengini kırmızı yaptım.Kullanımı bu kadar basit.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol