Jquery index Kullanımı

sezaialkan
Sezai Alkan Frontend Developer

Jquery de index() fonksiyonu ile nesnelerin indis numaralarına erişim sağlayabiliyoruz. Nesnenin indis numarasına ulaşabilmek için id veya class ları kullanabiliriz.

<ul>
    <li class="istanbul">İstanbul</li>
    <li id="kocaeli">Kocaeli</li>
    <li id="sakarya">Sakarya</li>
    <li class="antalya">Antalya</li>
    <li class="ankara">Ankara</li>
    <li class="izmir">İzmir</li>
</ul>

Yukarıdaki listede her bir liste elemanına id ve class atanmıştır. Kocaeli nin indis numarasına id ile ulaşım sağlarken Antalya nın indis numarasına class ile ulaşım sağlayabiliriz.

<ul>
    <li class="istanbul">İstanbul</li>
    <li id="kocaeli">Kocaeli</li>
    <li id="sakarya">Sakarya</li>
    <li class="antalya">Antalya</li>
    <li class="ankara">Ankara</li>
    <li class="izmir">İzmir</li>
</ul>

<script type="text/javascript">
    $(document).ready(function(){
        alert("Kocaeli indis numarası : "+$('#kocaeli').index());
        alert("Antalya indis numarası : "+$('.antalya').index());
    });
</script>

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol