.unwrap()

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

.unwrap()🡢 jQuery

.unwrap(selector)🡢 jQuery

selector StringA 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() method. The matched elements (and their siblings, if any) replace their parents within the DOM structure.

Wrap/unwrap a div around each of the paragraphs.

JS
<button>wrap/unwrap</button>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
CSS
div {
  border: 2px solid blue;
}
p {
  background: yellow;
  margin: 4px;
}
HTML
var pTags = $("p");
$("button").click(function () {
  if (pTags.parent().is("div")) {
    pTags.unwrap();
  } else {
    pTags.wrap("<div></div>");
  }
});
DEMO

Looking for a Web Developer?

👋

Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)