【问题标题】:Select :last-child, but with specific class [duplicate]选择:last-child,但具有特定的类[重复]
【发布时间】:2015-09-21 06:50:11
【问题描述】:

假设我有这个无序列表:

<ul>
   <li class="item"></li>
   <li class="item"></li>
   <li class="item"></li>
   <li class="placeholder"></li>
</ul>

我正在做一些排序,.item 可以排序,如果它是列表中的最后一个 .item,它将被移动到其他列表。我会经常使用:last-child,但是如果其中有.placeholder 元素,它将无法正确识别最后一个项目,而是会认为由于占位符,该项目不是最后一个。 我怎样才能让它只选择最后一个.item??

【问题讨论】:

    标签: jquery html css jquery-selectors css-selectors


    【解决方案1】:

    在项目元素的对象上使用:last 选择器或.last() 方法:

    $('.item:last');//will give third li
    

    $('.item').last();//will give third li
    

    【讨论】:

      【解决方案2】:

      使用:last一:

      $('.item:last');
      

      注意 :last 通过过滤当前 jQuery 集合并匹配其中的最后一个元素来选择单个元素。

      如果您关心性能,请使用:

      $(".item").filter(":last");
      

      【讨论】:

        猜你喜欢
        • 2014-11-21
        • 2020-10-07
        • 1970-01-01
        • 2019-05-07
        • 2014-05-16
        • 2019-03-09
        • 2014-05-31
        • 1970-01-01
        • 2011-07-23
        相关资源
        最近更新 更多