* [ jQuery ](https://jquery.com/ "jQuery")
  * [ jQuery UI ](https://jqueryui.com/ "jQuery UI")
  * [ jQuery Mobile ](https://jquerymobile.com/ "jQuery Mobile")
  * [ Sizzle ](https://sizzlejs.com/ "Sizzle")
  * [ QUnit ](https://qunitjs.com/ "QUnit")

  * [ Plugins ](https://plugins.jquery.com/)
  * [ Contribute ](https://contribute.jquery.org/)
    * [ CLA ](https://cla.openjsf.org/)
    * [ Style Guides ](https://contribute.jquery.org/style-guide/)
    * [ Bug Triage ](https://contribute.jquery.org/triage/)
    * [ Code ](https://contribute.jquery.org/code/)
    * [ Documentation ](https://contribute.jquery.org/documentation/)
    * [ Web Sites ](https://contribute.jquery.org/web-sites/)
  * [ Events ](https://events.jquery.org/)
  * [ Support ](https://jquery.com/support/)
    * [ Learning Center ](https://learn.jquery.com/)
    * [ Chat ](https://jquery.com/support/)
    * [ Stack Overflow ](https://stackoverflow.com/tags/jquery/info)
    * [ Report a bug ](https://contribute.jquery.org/bug-reports/)
  * [ OpenJS Foundation ](https://openjsf.org/)
    * [ Join ](https://openjsf.org/about/join/)
    * [ Members ](https://openjsf.org/about/members/)
    * [ jQuery Team ](https://jquery.com/team)
    * [ Governance ](https://openjsf.org/about/governance/)
    * [ Conduct ](https://code-of-conduct.openjsf.org/)
    * [ Donate ](https://openjsf.org/about/project-funding-opportunities/)

##  [ jQuery API Documentation ](https://jquery.com/ "jQuery API
Documentation")

Navigation

  * [ Download ](https://jquery.com/download/)
  * [ API Documentation ](https://api.jquery.com/)
  * [ Blog ](https://blog.jquery.com/)
  * [ Plugins ](https://plugins.jquery.com/)
  * [ Browser Support ](https://jquery.com/browser-support/)

#  :last-of-type Selector

* * *

Categories:  [ Selectors ](https://api.jquery.com/category/selectors/) > [
Child Filter ](https://api.jquery.com/category/selectors/child-filter-
selectors/)

##  last-of-type selector

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

  * ####  version added: [ 1.9 ](/category/version/1.9/) jQuery( ":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.

##  Example:

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

1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34  35  36  37  38  39  | 
    
    
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>last-of-type demo</title>  <style>  span.solast {    text-decoration: line-through;  }  </style>  <script src="https://code.jquery.com/jquery-3.7.0.js"></script></head><body> <div>  <span>Corey,</span>  <span>Yehuda,</span>  <span>Adam,</span>  <span>Todd</span></div><div>  <span>Jörn,</span>  <span>Scott,</span>  <span>Timo,</span>  <b>Nobody</b></div> <script>$( "span:last-of-type" )  .css({ color:"red", fontSize:"80%" })  .hover(function() {    $( this ).addClass( "solast" );  }, function() {    $( this ).removeClass( "solast" );  });</script> </body></html>  
  
---|---  
  
####  Demo:

  * [ Ajax ](https://api.jquery.com/category/ajax/)
    * [ Global Ajax Event Handlers ](https://api.jquery.com/category/ajax/global-ajax-event-handlers/)
    * [ Helper Functions ](https://api.jquery.com/category/ajax/helper-functions/)
    * [ Low-Level Interface ](https://api.jquery.com/category/ajax/low-level-interface/)
    * [ Shorthand Methods ](https://api.jquery.com/category/ajax/shorthand-methods/)
  * [ Attributes ](https://api.jquery.com/category/attributes/)
  * [ Callbacks Object ](https://api.jquery.com/category/callbacks-object/)
  * [ Core ](https://api.jquery.com/category/core/)
  * [ CSS ](https://api.jquery.com/category/css/)
  * [ Data ](https://api.jquery.com/category/data/)
  * [ Deferred Object ](https://api.jquery.com/category/