jQuery – eq Fonksiyonunun Kullanımı

jQuery’de eşitlik durumlarını kontrol eden ve aslen equalizer ifadesinin kısaltması olan eq fonksiyonunu inceleyeceğiz.

Aslında bir operatör tarzı kullanıma sahip olan bu fonksiyonun çalışma mantığı şöyledir ki, bir eleman kümesinde indexi verilen elemanı yakalamamızı sağlamaktadır.

eq fonksiyonunun prototipini incelememiz gerekirse eğer;

            $("nesne ic-eleman:eq(index)")

bu modelde index değerine denk gelen elemanı elde edebilmekteyiz.

Örneğin aşağıdaki yapıyı ele alalım.

    <ul id="Liste">
        <li>Bin atlı akınlarda çocuklar gibi şendik</li>
        <li>Bin atlı o gün dev gibi bir orduyu yendik</li>
        <li>Haykırdı, ak tolgalı beylerbeyi "İlerle!"</li>
        <li>Bir yaz günü geçtik Tuna'dan kafilelerle</li>
    </ul>

Bu ul yapısı içerisindeki li etiketleri arkaplanda 0’dan (n-1)’e doğru indexlenmektedir. Haliyle eq fonksiyonu ile aşağıdaki gibi bir çalışma gerçekleştirebiliriz.

    <style type="text/css">
        .secici {
            color: #FFFFFF;
            background-color: #0000FF;
        }
    </style>
--------------
    <input type="button" onClick="Sec();" value="Sec" />

    <script type="text/javascript">
        function Sec() {
            $("#Liste li:eq(1)").addClass("secici");
        }
    </script>

Bu işlem neticesinde ekran görüntüsü aşağıdaki gibi olacaktır.

Evet, anlayacağınız eq fonksiyonu verilen indexteki elemanı yakalayabilmek için kullanılmaktadır.

İyi çalışmalar…