finding the last span in DOM with a particular classname
<pre><code> &lt;div class="comments_container clearfix"&gt;
 &lt;hr /&gt;
&lt;ul class="comment_struct"&gt;

      &lt;li class="commenter_pic"&gt;
    &lt;img src="images/im.jpg" alt="picture"/&gt;
    &lt;span class="button blue square likes"&gt;9 Likes&lt;/span&gt;
      &lt;/li&gt;
      &lt;li class="comment_data"&gt;
           &lt;ul class="post_info_options"&gt;
        &lt;li class="commenter_name"&gt;Abc&lt;/li&gt;
        &lt;li class="comment"&gt;&lt;p&gt;hello how are you doing&lt;/p&gt;&lt;/li&gt;
        &lt;li class="time"&gt;
                        &lt;span class="comment_time"&gt;12 June 2012&lt;&gt;
                       &lt;span class="time_elapsed"&gt;7 hours ago&lt;/span&gt;
          &lt;/li&gt;
     &lt;li class="options"&gt;
             &lt;span&gt;&lt;a href="#"&gt;Once More&lt;/a&gt;&lt;/span&gt;
             &lt;span&gt;&lt;a href="#"&gt;Comment&lt;/a&gt;&lt;/span&gt;
             &lt;span&gt;&lt;a href="#" class="comment_like"&gt;Like&lt;/a&gt;&lt;/span&gt;
         &lt;/li&gt;

     &lt;li&gt;

     &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li class="delete_comment"&gt;&lt;img src="images/Cancel.png" alt="delete_post"/&gt;&lt;/li&gt;

   &lt;/ul&gt;
   &lt;br/&gt;

    &lt;ul class="comment_struct"&gt;

      &lt;li class="commenter_pic"&gt;
    &lt;img src="images/im.jpg" alt="picture"/&gt;
    &lt;span class="button blue square likes"&gt;9 Likes&lt;/span&gt;
      &lt;/li&gt;
      &lt;li class="comment_data"&gt;
           &lt;ul class="post_info_options"&gt;
        &lt;li class="commenter_name"&gt;Abc&lt;/li&gt;
        &lt;li class="comment"&gt;&lt;p&gt;hello how are you doing&lt;/p&gt;&lt;/li&gt;
        &lt;li class="time"&gt;
                        &lt;span class="comment_time"&gt;12 June 2012&lt;&gt;
                       &lt;span class="time_elapsed"&gt;7 hours ago&lt;/span&gt;
          &lt;/li&gt;
     &lt;li class="options"&gt;
             &lt;span&gt;&lt;a href="#"&gt;Once More&lt;/a&gt;&lt;/span&gt;
             &lt;span&gt;&lt;a href="#"&gt;Comment&lt;/a&gt;&lt;/span&gt;
             &lt;span&gt;&lt;a href="#" class="comment_like"&gt;Like&lt;/a&gt;&lt;/span&gt;
         &lt;/li&gt;

     &lt;li&gt;

     &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li class="delete_comment"&gt;&lt;img src="images/Cancel.png" alt="delete_post"/&gt;&lt;/li&gt;

   &lt;/ul&gt;
   &lt;br/&gt;



    &lt;ul class="comment_struct"&gt;

      &lt;li class="commenter_pic"&gt;
    &lt;img src="images/im.jpg" alt="picture"/&gt;
    &lt;span class="button blue square likes"&gt;9 Likes&lt;/span&gt;
      &lt;/li&gt;
      &lt;li class="comment_data"&gt;
           &lt;ul class="post_info_options"&gt;
        &lt;li class="commenter_name"&gt;Abc&lt;/li&gt;
        &lt;li class="comment"&gt;&lt;p&gt;hello how are you doing&lt;/p&gt;&lt;/li&gt;
        &lt;li class="time"&gt;
                        &lt;span class="comment_time"&gt;12 June 2012&lt;&gt;
                       &lt;span class="time_elapsed"&gt;7 hours ago&lt;/span&gt;
          &lt;/li&gt;
     &lt;li class="options"&gt;
             &lt;span&gt;&lt;a href="#"&gt;Once More&lt;/a&gt;&lt;/span&gt;
             &lt;span&gt;&lt;a href="#"&gt;Comment&lt;/a&gt;&lt;/span&gt;
             &lt;span&gt;&lt;a href="#" class="comment_like"&gt;Like&lt;/a&gt;&lt;/span&gt;
         &lt;/li&gt;

     &lt;li&gt;

     &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li class="delete_comment"&gt;&lt;img src="images/Cancel.png" alt="delete_post"/&gt;&lt;/li&gt;

   &lt;/ul&gt;
   &lt;br/&gt;
</code></pre>

<p></p>

<p>I have html structure as above .. so starting from $('.comments_container') how can i traverse to the last span in the DOM with class 'comment_time'. Help would be appreciated.</p>

<p>traversing using children() is possible. But i want to know is there any simpler way  </p>
