Jquery - Get the latest element in a div

Question

Hello. I have this code :

<div class="content">       
    <div class="tlcontent"> 
        <div class="sideon" id="sideline0"> 
            somethings
        </div>

        <div class="trackon" id="trackline0">
            somethings
        </div>

        <div class="sideon" id="sideline1"> 
            somethings
        </div>

        <div class="trackon" id="trackline1">
            somethings
        </div>

        <div class="sideon" id="sideline2">
            somethings
        </div>
    </div>
</div>

How can select (with jquery) the latest element of this div with classname trackon? (in this case, the #trackline1) cheers

Answer 1

$('.tlcontent').children().last()

If you just what the last thing in content, try:

$('.content :last')

Example: http://jsfiddle.net/Kgp2u/

Answer 2

var latest = $('.tlcontent div:last');
latest.css({color:'red'});

demo

Answer 3

$(".tlcontent div").last();