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

June 6, 2011 11:37 pm 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 ที่จะเลือก แต่เราจะดัดแปลงโดยใช้วิธีดังนี้
[js]
$(‘div:only-child:last’);

// Change background color to gray
$(‘div:only-child:last’).css(‘background-color’,"#ccc");
[/js]