## only-child selector

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

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

If the parent has other child elements, nothing is matched.

## Example:

Change the text and add a border for each button that is the only child 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 |
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>only-child demo</title>  <style>  div {    width: 100px;    height: 80px;    margin: 5px;    float: left;    background: #b9e;  }  </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>  <button>Sibling!</button>  <button>Sibling!</button></div> <div>  <button>Sibling!</button></div> <script>$( "div button:only-child" ).text( "Alone" ).css( "border", "2px blue solid" );</script> </body></html>

#### Demo: