# .unwrap()

Categories: Manipulation > DOM Insertion, Around | Manipulation > DOM Removal

## .unwrap() Returns: jQuery

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

- #### version added: 1.4.unwrap()

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.

### Example:

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

    <!DOCTYPE html>
    <html>
    <head>
      <style>
      div { border: 2px solid blue; }
      p { background:yellow; margin:4px; }
      </style>
      <script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
    </head>
    <body>
      <button>wrap/unwrap</button>
    <p>Hello</p>
    <p>cruel</p>
    <p>World</p>
    <script>
    $("button").toggle(function(){
      $("p").wrap("<div></div>");
    }, function(){
      $("p").unwrap();
    });</script>

    </body>
    </html>

#### Demo: