jQuery :last 选择器

实例

选择最后一个 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p:last").css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <p>这是第一个段落</p>
  13. <p>这是第二个段落</p>
  14. <p>这是最后一个段落</p>
  15. </body>
  16. </html>

定义与用法

:last 选择器选择最后一个元素。

注意:此选择器只能选择一个元素。要选择多个元素(每个父级)可以使用 :last-child 选择器。

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

提示:要选择组中的第一个元素,请使用 :first 选择器。


语法

  1. $(":last")

更多实例

:last 与 :last-child 选择器的不同点

展示 :last 与 :last-child 选择器的不同点

分类导航