## only-of-type selector

Description: Selects all elements that have no siblings with the same element name.

- #### version added: 1.9jQuery( ":only-of-type" )

If the parent has other child elements with the same element name, nothing is matched.

## Example:

Change the text and add a border for each button that is the only child button of its parent.

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 41 42 43 44 45 46 47 48 49 50 51 52 |
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>only-of-type demo</title>  <style>  div {    width: 100px;    height: 80px;    margin: 5px;    float: left;    background: #b9e;  }  span {    padding: 2px;    margin: 3px;    line-height: 1.4;    border: 1px solid #000;  }  </style>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <div>  <button>Sibling!</button>  <button>Sibling!</button></div> <div>  <button>Sibling!</button></div><div>  None</div> <div>  <button>Sibling!</button>  <span>Sibling!</span>  <span>Sibling!</span></div> <div>  <button>Sibling!</button></div> <script>  $( "button:only-of-type" ).text( "Alone" ).css( "border", "2px blue solid" );</script> </body></html>

#### Demo: