The last() function is an inbuilt function in jQuery which is used to find the last element of the specified elements.
Syntax:
$(selector).last()
Here selector is the selected elements.
Parameters: It does not accept any parameter.
Return value: It returns the last element out of the selected elements.
JavaScript code to show the working of this function:
Example 1:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("p").last().css("background-color", "lightgreen");
});
</script>
</head>
<body>
<h1>
Welcome to GeeksforGeeks !!!
</h1>
<p style="padding:5px;
border:1 px solid green">
This is the First.</p>
<p style="padding:5px;
border:1 px solid green">
This is the Second.
</p>
<p style="padding:5px;
border:1 px solid green">
This is the Third.
</p>
<br>
</body>
</html>
In this code the background-color of the last "p"element get changed.
Output:
Example 2:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$(".main").last().css(
"background-color", "lightgreen");
});
</script>
</head>
<body>
<h1>Welcome to GeeksforGeeks !!!</h1>
<div class="main"
style="border: 1px solid green;">
<p>This is the First.</p>
</div>
<br>
<div class="main"
style="border: 1px solid green;">
<p>This is the Second.</p>
</div>
<br>
<div style="border: 1px solid green;">
<p>This is the Third.</p>
</div>
<br>
</body>
</html>
In the above example the last elements with class "main" get highlighted.
Output:
