jQuery :last Selector (original) (raw)

Last Updated : 11 Jul, 2025

ThejQuery :last Selector is used to select the last element of the specified type.

Syntax:

$(":last")

Example 1: In this example, we will select the last

element by using jQuery :last Selector.

HTML `

<script>
    $(document).ready(function () {
        $("p:last").css(
            "background-color", "green");
    });
</script>

Geeks

Geeks for Geeks

jQuery

Last Selector

`

Output:

Example 2: In this example, we will change the background color of the last

element.

HTML `

<script>
    $(document).ready(function () {
        $("p:last").css(
            "background-color", "green");
    });
</script>

Geeks

<div style="border:1px solid;">
    <p>Geeks for Geeks</p>
    <p>jQuery</p>
    <p>Last Selector</p>
</div>
<div>jQuery:Last Selector</div>

`

Output:

Note: Above code will select only the last

element of second div. To select the last

element of first div use :last-child selector.