查找 DOM 中具有特定类名的最后一个跨度

finding the last span in DOM with a particular classname

本文关键字：最后一个 DOM 查找      更新时间：2023-09-26
 <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 are you 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 are you 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 are you 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/>

我有如上所述的 html 结构.. 所以从 $('.comments_container'( 开始，我如何使用类"comment_time"遍历到 DOM 中的最后一个跨度。帮助将不胜感激。

使用 children(( 进行遍历是可能的。但我想知道有没有更简单的方法

您可以使用 ：last 选择器：

var mySpan = $('.comments_container span.comment_time:last');
相关文章：