Jquery index Kullanımı

Sezai AlkanFrontend Developer

Jquery #jquery #index

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>