Linkedin Instagram Facebook Twitter Mail Youtube Whatsapp

jQuery – even ve odd Kullanımı

jQuery ile even ve odd Parametrelerinin Kullanımında dikkat çekici tek nokta tek ve çift indis değerlerine sahip değerleri alabiliyor olması. Yani bir liste yapmış olduğunuz varsayarsak indis değeri sıfır olan bir değere farklı bir class, çift olan bir değere ise farklı bir class uygulamanız söz konusu olabilir.Bunu tablolama yapımında rahatlıkla görebilirsiniz.

Yine bir ul>li listelemesi yapalım ve içine değerleri bir bir girelim.

<ul id="liste">
    <li>Php dersleri</li>
    <li>jquery dersleri</li>
    <li>c# dersleri</li>
    <li>asp dersleri</li>
    <li>seo Makaleleri</li>
</ul>

Burada bildiğiniz gibi ilk li’nin indis değeri sıfırdır. Bağlı olarak sıfır bir çift sayı olduğu için çift ve tek indis değerine sahip olan elemanları seçebilir , bunlarla işlem yapabiliriz.

<style type="text/css">
        .cifticin{
            color: #000000;
            background-color: #ff0000;
        }
        .tekicin{
            color: #000000;
            background-color: #ffffff;
        }
    </style>

Tek ve çift indis değerine sahip elemanlar için bir css düzeni oluşturduk. Asıl işlem ise burada dönecek ;

<script type="text/javascript">
        function secim() {
            //Çift indis değerine sahip olanlar için...
            $("#liste li:even").addClass("cifticin");
            //Tek indis değerine sahip olanlar için...
            $("#Liste li:odd").addClass("tekicin");
        }
    </script>

Basitçe  jQuery – even ve odd Kullanımı nasıldır görmüş olduk. Tek sayılar kırmızı arka plan özelliğine , tek sayılar ise beyaz bir arka plan rengine sahip olacak.Komutu çalıştırdığınızda değişiklikleri rahatlıkla görebilirsiniz.

İyi çalışmalar dilerim..

Bir Yorum Yaz