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:
- elemana eq(0)
- elemana eq(1)
- elemana eq(2)
- 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
Bilgisayar Mühendisi
veysel@ugurkizmaz.com
www.ugurkizmaz.com
veysel@ugurkizmaz.com
www.ugurkizmaz.com