jQuery :last 选择器

jQuer 选择器

:last选择器选择最后匹配的元素。

这通常与另一个选择器一起使用,以选择组中的最后一个元素(如以下示例中所示)。

注意:: last选择器只能选择一个元素。

使用:last-child选择器来选取属于其父元素的最后一个子元素。

语法:

$(":last")

实例

选择最后一段:

$(document).ready(function(){
  $("p:last").css("background", "coral");
});
测试看看‹/›

选择最后一个列表项:

$(document).ready(function(){
  $("li:last").css("background", "coral");
});
测试看看‹/›

选择最后一个表行:

$(document).ready(function(){
  $("tr:last").css("background", "coral");
});
测试看看‹/›

显示:last和:last-child选择器之间的区别:

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p:last").css("background-color", "coral");
  });

  $("#btn2").click(function(){
    $("p:last-child").css("background-color", "lightgreen");
  });
});
测试看看‹/›

jQuer 选择器