jQuery – first ve last Parametrelerinin Kullanımı

Elimizdeki html eleman kümesinde ilk(first) ve son(last) elemanlara erişmemizi sağlayan 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>

şöyle 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:first").addClass("secici");
            $("#Liste li:last").addClass("secici");
        }
    </script>

İyi çalışmalar…