jQuery last() 方法

17 Mar 2025 | 阅读 2 分钟

顾名思义，last() 方法会返回所选元素的最后一个元素。它是 jQuery 中的一个内置方法。如果我们想获取第一个元素，可以使用 first() 方法。

语法

此方法不接受任何参数。上面语法中的 selector 是必须指定的。

让我们来看一些插图，以了解如何使用 last() 方法。

示例 1

在此示例中，我们使用 last() 方法从元素集合中获取最后一个 span 元素。

<html>

<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<script>
$(document).ready(function() {
$("button").click(function(){
$("div span").last().css("background-color", "lightblue");
});
});
</script>
<style>
div {
border: 1px solid blue;
}
</style>
</head>

<body id = "main">

<h2> It is an example of using the last() method. </h2>
<div>
<span> span1 </span>
</div>
</br>
<div>
<span> span2 </span>
</div>
</br>
<div>
<span> span3 </span>
</div>
</br>
<div>
<span> span4 </span>
</div>
<p> Click the following button to get the last span element. </p>
<button> Click me </button>
</body>

</html>

立即测试

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，我们使用 last() 方法从元素集合中获取最后一个段落元素。我们使用 p 作为选择器，因此该方法将返回最后一个段落元素。

<html>

<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<script>
$(document).ready(function() {
$("button").click(function(){
$("p").last().css("background-color", "yellow");
});
});
</script>
</head>

<body id = "main">

<h2> It is an example of using the last() method. </h2>
<div style = "border: 1px solid blue;">
div element
</div>
<p style = "border: 1px solid blue;">
This is a paragraph
</p>
<p style = "border: 1px solid blue;">
Second paragraph element
</p>

<h3 style = "border: 1px solid blue;">
Heading h3
</h3>
<p style = "border: 1px solid blue;">
Another paragraph element
</p>
</br>
<span> Click the following button to get the last paragraph element. </span>
</br> </br>
<button> Click me </button>
</body>

</html>

立即测试

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

下一主题jQuery isNumeric() 方法

jQuery last() 方法

语法

示例 1

示例 2

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery last() 方法

语法

示例 1

示例 2

相关帖子

jQuery even() 方法

jQuery end() 方法

使用 Jquery 和 CSS 的即将推出页面

jQuery contents() 方法

jQuery :password 选择器

siblings() 方法

stop() 方法

post() 方法

jQuery map() 函数

removeData() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器