Tag: element

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

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

    สมมติว่าเรามี 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]