## last-child selector

Description: Selects all elements that are the last child of their parent.

- #### version added: 1.1.4jQuery( ":last-child" )

While :last matches only a single element, `:last-child` can match more than one: one for each parent.

## 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-child demo</title>  <style>  span.solast {    text-decoration: line-through;  }  </style>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <div>  <span>John,</span>  <span>Karl,</span>  <span>Brandon,</span>  <span>Sam</span></div><div>  <span>Glen,</span>  <span>Tane,</span>  <span>Ralph,</span>  <span>David</span></div> <script>$( "div span:last-child" )  .css({ color:"red", fontSize:"80%" })  .hover(function() {    $( this ).addClass( "solast" );  }, function() {    $( this ).removeClass( "solast" );  });</script> </body></html>

#### Demo: