:last-of-type Selector

last-of-type selector

Description: Selects all elements that are the last among siblings of the same element name.

  • version added: 1.9jQuery( ":last-of-type" )

The :last-of-type selector matches elements that have no other element with the same parent and the same element name coming after it in the document tree.


Find the last span in each matched div and add some css plus a hover state.

<!doctype html>
<html lang="en">
  <meta charset="utf-8">
  <title>last-of-type demo</title>
  span.solast {
    text-decoration: line-through;
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
$( "span:last-of-type" )
  .css({ color:"red", fontSize:"80%" })
  .hover(function() {
    $( this ).addClass( "solast" );
  }, function() {
    $( this ).removeClass( "solast" );


© The jQuery Foundation and other contributors
Licensed under the MIT License.