jQuery : เลือก element ตัวที่อยู่ด้านในสุด

ถ้าเราอยากเลือก element ตัวที่อยู่ในสุด เราจะใช้ jQuery มาช่วยในการเลือก โดย ...

สมมติว่าเรามี code html ดังนี้

[xml]
<div>Outermost element
<div>Some Text
<div>Evenmore text
<div>Who cares anymore?
<div>Innermost Element</div>
</div>
</div>
</div>
</div>
[/xml]

โดยที่เราต้องการเลือก div ตัวในสุด ซึ่งจาก code ก็คือ
[xml firstline="5"]<div>Innermost Element</div>[/xml]
ซึ่ง jQuery ไม่มีตัว selector ที่จะเลือก แต่เราจะดัดแปลงโดยใช้วิธีดังนี้

$('div:only-child:last'); 

// Change background color to gray 
$('div:only-child:last').css('background-color',"#ccc");