Jquery Ders-15 .index() 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-15 .index() Kullanımı

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(3993)
RAPOR ET
Jquery serimizdeki bu derste .index() methodunu işleyecez.İndex() ne işe yarar derseniz.Sayfamıza aynı class veya idli bir çok eleman koyduk diyelim.Bunların hepsinin bir index değeri var.İlk eklediğimizin ki 0 ondan sonra eklediklerimiz 1 artarak gidiyor.

Peki index methodu nerede kullanırız derseniz.Örnek olarak sliderlerde.Daha bir çok yerde işimize yariyo.

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(){
$(".alan").click(function(){
var i=$(".alan").index(this);
alert(i)
});
})
</script>
</head>
<body>

<div class="alan">cArleone</div>
<div class="alan">cArleone</div>
<div class="alan">cArleone</div>
<div class="alan">cArleone</div>
<div class="alan">cArleone</div>
<div class="alan">cArleone</div>

</body>
</html>


Yukarda alan classina sahip olanlardan birine tıklarsak o ankinin index değerini al dedik.

Şimdilik index() tek başına pek işlevsel değil.İndex değerine göre seçici olan eq() yi bir sonraki derste anlayacam.

NOT: Dikkat etmemiz gereken yer.index değerini alırken this kulanımına dikkat etmek.index değerini alırken nesneler bir birine uzaksa yani araya başka taglar girerse bozulabiliyor.Onun için direk id veya clasına göre almak daha doğru çözüm sağlar.index("#isim") gibi.



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