jQuery – even ve odd Parametrelerinin Kullanımı

Elimizdeki bir html eleman kümesinin içerisinde tek(odd) ve çift(even) elemanları yakalamak istiyorsak eğer kullandığımız parametrelerdir.

Aşağıdaki yapıyı ele alırsak eğer,

    <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>

üzerinde şu şekilde çalışabiliriz.

    <style type="text/css">
        .kirmizi {
            color: #000000;
            background-color: #ff0000;
        }
        .beyaz {
            color: #000000;
            background-color: #ffffff;
        }
    </style>
--------------
    <script type="text/javascript">
        function Sec() {
            //Çift index değerine sahip olanlara bu işlemi...
            $("#Liste li:even").addClass("kirmizi");
            //Tek index değerine sahip olanlara bu işlemi...
            $("#Liste li:odd").addClass("beyaz");
        }
    </script>

İyi çalışmalar…