加载中...

:last()


概述    last selector

返回值:jQuery

描述:选择最后一个匹配的元素。

  • V : 1.0jQuery( ":last" )

注意:last选择一个过滤和匹配当前jQuery集合在它的最后一个单独的元素。

Additional Notes(其他注意事项):

  • 因为 :last 是一个 jQuery 延伸出来的一个选择器 ,并且不是的CSS规范的一部分, 使用:last查询不能充分利用原生DOM提供的querySelectorAll() 方法来提高性能。为了在现代浏览器上获得更佳的性能,请使用 .filter(":last")代替。

示例

实例

获取匹配的最后个元素

HTML 代码:
  1. <ul>
  2. <li>list item 1</li>
  3. <li>list item 2</li>
  4. <li>list item 3</li>
  5. <li>list item 4</li>
  6. <li>list item 5</li>
  7. </ul>
jQuery 代码:
  1. $('li:last')
结果:
  1. [ <li>list item 5</li> ]

实例

查找表格中的最后一行。

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>last demo</title>
  6. <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  7. </head>
  8. <body>
  9. <table>
  10. <tr><td>First Row</td></tr>
  11. <tr><td>Middle Row</td></tr>
  12. <tr><td>Last Row</td></tr>
  13. </table>
  14. <script>
  15. $( "tr:last" ).css({ backgroundColor: "yellow", fontWeight: "bolder" });
  16. </script>
  17. </body>
  18. </html>

运行一下


还没有评论.