* [ jQuery ](https://jquery.com/ "jQuery")
  * [ jQuery UI ](https://jqueryui.com/ "jQuery UI")
  * [ jQuery Mobile ](https://jquerymobile.com/ "jQuery Mobile")
  * [ Sizzle ](https://sizzlejs.com/ "Sizzle")
  * [ QUnit ](https://qunitjs.com/ "QUnit")

  * [ Plugins ](https://plugins.jquery.com/)
  * [ Contribute ](https://contribute.jquery.org/)
    * [ CLA ](https://cla.openjsf.org/)
    * [ Style Guides ](https://contribute.jquery.org/style-guide/)
    * [ Bug Triage ](https://contribute.jquery.org/triage/)
    * [ Code ](https://contribute.jquery.org/code/)
    * [ Documentation ](https://contribute.jquery.org/documentation/)
    * [ Web Sites ](https://contribute.jquery.org/web-sites/)
  * [ Events ](https://events.jquery.org/)
  * [ Support ](https://jquery.com/support/)
    * [ Learning Center ](https://learn.jquery.com/)
    * [ Chat ](https://jquery.com/support/)
    * [ Stack Overflow ](https://stackoverflow.com/tags/jquery/info)
    * [ Report a bug ](https://contribute.jquery.org/bug-reports/)
  * [ OpenJS Foundation ](https://openjsf.org/)
    * [ Join ](https://openjsf.org/about/join/)
    * [ Members ](https://openjsf.org/about/members/)
    * [ jQuery Team ](https://jquery.com/team)
    * [ Governance ](https://openjsf.org/about/governance/)
    * [ Conduct ](https://code-of-conduct.openjsf.org/)
    * [ Donate ](https://openjsf.org/about/project-funding-opportunities/)

##  [ jQuery API Documentation ](https://jquery.com/ "jQuery API
Documentation")

Navigation

  * [ Download ](https://jquery.com/download/)
  * [ API Documentation ](https://api.jquery.com/)
  * [ Blog ](https://blog.jquery.com/)
  * [ Plugins ](https://plugins.jquery.com/)
  * [ Browser Support ](https://jquery.com/browser-support/)

#  .unwrap()

* * *

Categories:  [ Manipulation ](https://api.jquery.com/category/manipulation/) > [ DOM Insertion, Around ](https://api.jquery.com/category/manipulation/dom-insertion-around/) |  [ Manipulation ](https://api.jquery.com/category/manipulation/) > [ DOM Removal ](https://api.jquery.com/category/manipulation/dom-removal/)

##  .unwrap()  Returns: [ jQuery ](http://api.jquery.com/Types/#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 ](/category/version/1.4/) .unwrap() 

    * This signature does not accept any arguments. 

  * ####  version added: [ 3.0 ](/category/version/3.0/) .unwrap( [selector ] ) 

    * **selector**

Type: [ String ](http://api.jquery.com/Types/#String)

A selector to check the parent element against. If an element's parent does
not match the selector, the element won't be unwrapped.

The ` .unwrap() ` method removes the element's parent and returns the
unwrapped content. This is effectively the inverse of the ` [ .wrap()
](/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.

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  | 
    
    
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>unwrap demo</title>  <style>  div {    border: 2px solid blue;  }  p {    background: yellow;    margin: 4px;  }  </style>  <script src="https://code.jquery.com/jquery-3.7.0.js"></script></head><body>  <button>wrap/unwrap</button><p>Hello</p><p>cruel</p><p>World</p><script>var pTags = $( "p" );$( "button" ).on( "click", function() {  if ( pTags.parent().is( "div" ) ) {    pTags.unwrap();  } else {    pTags.wrap( "<div></div>" );  }});</script> </body></html>  
  
---|---  
  
####  Demo:

  * [ Ajax ](https://api.jquery.com/category/ajax/)
    * [ Global Ajax Event Handlers ](https://api.jquery.com/category/ajax/global-ajax-event-handlers/)
    * [ Helper Functions ](https://api.jquery.com/category/ajax/helper-functions/)
    * [ Low-Level Interface ]