jQuery last() Method

Last Updated : 07 Jul, 2023

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:

html

<!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:

html

<!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>