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.
UstaDerslik
