# .unwrap()

## unwrap ( ) Returns: jQuery version added: 1.4

Description: Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place.

The `.unwrap()` method removes the element's parent. This is effectively the inverse of the `.wrap()` method. The matched elements (and their siblings, if any) replace their parents within the DOM structure.

## Examples:

#### Example: Wrap/unwrap a div around each of the paragraphs.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      div {
        border: 2px solid blue;
      }
      p {
        background: yellow;
        margin: 4px;
      }

      </style>

      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>

    <button>wrap/unwrap</button>
    <p>Hello</p>
    <p>cruel</p>
    <p>World</p>
    <script>

    var pTags = $( "p" );
    $( "button" ).click(function() {
      if ( pTags.parent().is( "div" ) ) {
        pTags.unwrap();
      } else {
        pTags.wrap( "<div></div>" );
      }
    });

    </script>

    </body>
    </html>

#### Demo: