"/>"/>
Yazılım Dilleri
Asp.Net 4.5 Kitabı
Skip Navigation Links

JQuery İlk ve Son Elemana Erişim

Bu makalemizde jQuery’de first() ve last() methodlarını inceleyeceğiz.

 Bu makalemizde jQuery’de first() ve last() methodlarını inceleyeceğiz.

 
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>
 
 
Veysel Uğur KIZMAZ
 

Yorumlar (0)

Yorum Yap

Mail listesine katılmak için tıklayınız

Hakkımdaki son bilgilere anlık erişmek için mail listesine katılabilirsiniz.