jQuery :last 选择器
实例
选择最后一个 <p> 元素:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p:last").css("background-color", "yellow");
});
</script>
</head>
<body>
<p>这是第一个段落</p>
<p>这是第二个段落</p>
<p>这是最后一个段落</p>
</body>
</html>
定义与用法
:last
选择器选择最后一个元素。
注意:此选择器只能选择一个元素。要选择多个元素(每个父级)可以使用
:last-child
选择器。这通常与另一个选择器一起使用,以选择组中的最后一个元素(如上面的实例所示)。
提示:要选择组中的第一个元素,请使用 :first
选择器。
语法
$(":last")
更多实例
展示 :last 与 :last-child 选择器的不同点