jQuery unwrap() Method

The unwrap() method is an inbuilt method in jQuery which is used to remove the parent element from the selected element.

Syntax:

$(selector).unwrap()

Parameters: This method does not accept any parameter.

Return Value: This method returns the selected element with the changes made by unwrap() method.

The below example illustrates the unwrap() method in jQuery:

Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>The unwrap Method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>

    <!-- jQuery code to show the working of this method -->
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $("p").unwrap();
            });
        });
    </script>
    <style>
        div {
            width: 300px;
            height: 100px;
            background-color: lightgreen;
            padding: 20px;
            font-weight: bold;
            font-size: 20px;
            border: 2px solid green;
        }

        span {
            background-color: yellow;
        }
    </style>
</head>

<body>
    <div>
        <!-- click on this span element -->
        <p>
            Welcome to 
            <span>GeeksforGeeks!.</span>
        </p>
        <button>
            Click Here!
        </button>
    </div>
</body>

</html>

Output:

jquery-41

Explore