概述 last selector
返回值:jQuery
描述:选择最后一个匹配的元素。
注意:last
选择一个过滤和匹配当前jQuery集合在它的最后一个单独的元素。
:last
是一个 jQuery 延伸出来的一个选择器 ,并且不是的CSS规范的一部分, 使用:last
查询不能充分利用原生DOM提供的querySelectorAll()
方法来提高性能。为了在现代浏览器上获得更佳的性能,请使用 .filter(":last")
代替。
示例
获取匹配的最后个元素
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
$('li:last')
[ <li>list item 5</li> ]
查找表格中的最后一行。
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>last demo</title>
- <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
- </head>
- <body>
- <table>
- <tr><td>First Row</td></tr>
- <tr><td>Middle Row</td></tr>
- <tr><td>Last Row</td></tr>
- </table>
- <script>
- $( "tr:last" ).css({ backgroundColor: "yellow", fontWeight: "bolder" });
- </script>
- </body>
- </html>