## nth-of-type selector

Description: Selects all elements that are the nth child of their parent in relation to siblings with the same element name.

- #### version added: 1.9jQuery( ":nth-of-type(index/even/odd/equation)" )

  index: The index of each child to match, starting with `1`, the string `even` or `odd`, or an equation ( eg. `:nth-of-type(even)`, `:nth-of-type(4n)` )

Because jQuery's implementation of `:nth-` selectors is strictly derived from the CSS specification, the value of `n` is "1-indexed", meaning that the counting starts at 1. For other selector expressions such as `:eq()` or `:even` jQuery follows JavaScript's "0-indexed" counting.

Further discussion of this usage can be found in the W3C CSS specification.

## Example:

Find each span that is second in relation to its sibling spans.

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 40 |
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>nth-of-type demo</title>  <style>  .nth {    color: red;  }  </style>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <div>  <span>John</span>,  <b>Kim</b>,  <span>Adam</span>,  <b>Rafael</b>,  <span>Oleg</span></div><div>  <b>Dave</b>,  <span>Ann</span></div><div>  <i><span>Maurice</span></i>,  <span>Richard</span>,  <span>Ralph</span>,  <span>Jason</span></div> <script>$( "span:nth-of-type(2)" )  .append( "<span> is 2nd sibling span</span>" )  .addClass( "nth" );</script> </body></html>

#### Demo: