:last - Son Html Elemanını Seçme

Belirtilen niteliklerdeki html elemanlarının sonuncusunu seçer.

<div id="ornekkod">
<button>Kutuları Seç</button>
<br/>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<script>
$('#ornekkod button').click(function(){
$('#ornekkod div:last').css({"background":"#ff0000"});
});
</script>

$('#ornekkod div:last') seçicisi "id'si ornekkod olan html elemanı" içindeki "son div" etiketini temsil etmiştir.

Tam html yapısı;

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hicertcetin.com</title>
<style type="text/css">
#ornekkod{
padding:5px; background:#ddd; text-align:center; border:1px solid #656565;}
#ornekkod div{
display:inline-block;
width:50px; height:50px; line-height:50px;
margin:1px; background:#000;
}
#ornekkod button{height:30px; font-weight:bold;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div id="ornekkod">
<button>Kutuları Seç</button>
<br/>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<script>
$('#ornekkod button').click(function(){
$('#ornekkod div:last').css({"background":"#ff0000"});
});
</script>
</body>
</html>
- 29.05.2014 3

Sosyal Medya Paylaşım Alanı