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=
</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: