javascript - finding the last span in DOM with a particular classname -
<div class="comments_container clearfix"> <hr /> <ul class="comment_struct"> <li class="commenter_pic"> <img src="images/im.jpg" alt="picture"/> <span class="button blue square likes">9 likes</span> </li> <li class="comment_data"> <ul class="post_info_options"> <li class="commenter_name">abc</li> <li class="comment"><p>hello how doing</p></li> <li class="time"> <span class="comment_time">12 june 2012<> <span class="time_elapsed">7 hours ago</span> </li> <li class="options"> <span><a href="#">once more</a></span> <span><a href="#">comment</a></span> <span><a href="#" class="comment_like">like</a></span> </li> <li> </li> </ul> </li> <li class="delete_comment"><img src="images/cancel.png" alt="delete_post"/></li> </ul> <br/> <ul class="comment_struct"> <li class="commenter_pic"> <img src="images/im.jpg" alt="picture"/> <span class="button blue square likes">9 likes</span> </li> <li class="comment_data"> <ul class="post_info_options"> <li class="commenter_name">abc</li> <li class="comment"><p>hello how doing</p></li> <li class="time"> <span class="comment_time">12 june 2012<> <span class="time_elapsed">7 hours ago</span> </li> <li class="options"> <span><a href="#">once more</a></span> <span><a href="#">comment</a></span> <span><a href="#" class="comment_like">like</a></span> </li> <li> </li> </ul> </li> <li class="delete_comment"><img src="images/cancel.png" alt="delete_post"/></li> </ul> <br/> <ul class="comment_struct"> <li class="commenter_pic"> <img src="images/im.jpg" alt="picture"/> <span class="button blue square likes">9 likes</span> </li> <li class="comment_data"> <ul class="post_info_options"> <li class="commenter_name">abc</li> <li class="comment"><p>hello how doing</p></li> <li class="time"> <span class="comment_time">12 june 2012<> <span class="time_elapsed">7 hours ago</span> </li> <li class="options"> <span><a href="#">once more</a></span> <span><a href="#">comment</a></span> <span><a href="#" class="comment_like">like</a></span> </li> <li> </li> </ul> </li> <li class="delete_comment"><img src="images/cancel.png" alt="delete_post"/></li> </ul> <br/>
i have html structure above .. starting $('.comments_container') how can traverse last span in dom class 'comment_time'. appreciated.
traversing using children() possible. want know there simpler way
you can use :last selector:
var myspan = $('.comments_container span.comment_time:last');
Comments
Post a Comment