unwrap() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:unwrap

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. unwrap

Description

The unwrap() method removes the parent element of the selected elements.

Syntax

The following code shows how to Remove the parent element of all <p> elements:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").unwrap();
    });/*from w w  w .  ja  v a  2s.  com*/
});
</script>
<style>
div{background-color: yellow;}
article{background-color: pink;}
</style>
</head>
<body>

<div>
  <p>This is a paragraph inside a div element.</p>
</div>

<article>
  <p>This is a paragraph inside an article element.</p>
</article>

<button>Remove the parent element of each p element</button>

</body>
</html>

Related Tutorials