JQUERY

JQuery İlk ve Son Elemana Erişim

JQuery İlk ve Son Elemana Erişim

JQuery İlk ve Son Elemana Erişim

bu makalemizde ilk ve son elaman nasıl yapılır onu inceleyeceğiz. jquery js gibi kodlama dilleri inanılmaz sihirbazlık gösterileri yapabiliyorlar. ve bunları kullanmaktan zevk alacaksınız.

eq(i) fonksiyonunu, işlem yapılan eleman grubunun i. elemanıyla işlem yapılacağını belirmek için kullanmaktayız demiştik. Örneğin 4 elemanlı bir “div” grubunda:

  1. elemana eq(0)
  2. elemana eq(1)
  3. elemana eq(2)
  4. elemana eq(3)

diyerek ulaşabiliyor, o elemanla ilgili işlemleri yapabiliyoruz. Peki bu elemanlardan ilkine ulaşmak için eq(0), yani ilk eleman yerine first(), eq(3) yani son eleman yerine last() methodlarını da kullanabiliriz.

 

first() ve last() methodlarını bir örnekle inceleyelim.

 

Örnek uygulamamızda 3 adet butonumuz olsun. İlk butona tıkladığımızda “1. butona tıklandı”, 2. butona tıkladığımızda “2. butona tıklandı”, Son butona tıkladığımızda “3. butona tıklandı” uyarısını vermesini sağlayalım.

<html>

            <head>

                        <script src="jquery-1.5.1.js"></script>

                        <script>

                                   $(document).ready(function(){

                                               $("button").first().click(function(){

                                                           alert("1. Buton Tıklandı");

                                               });

                                               $("button").eq(1).click(function(){

                                                           alert("2. Buton Tıklandı");

                                               });

                                               $("button").last().click(function(){

                                                           alert("3. Buton Tıklandı");

                                               });

                                   });

                        </script>

            </head>

            <body>

                        <button>İlk Buton</button>

                        <button>2. Buton</button>

                        <button>Son Buton</button>

            </body>

</html>

 

HENÜZ YORUM YAPILMAMIŞ

YORUM GÖNDER