Description: Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place.
.unwrap( )
version added: 1.4
The .unwrap() method removes the element's parent. This is effectively the inverse of the .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.Example - Full source:
<!DOCTYPE html>
<html>
<head>
<style>
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("p").wrap("");
}, function(){
$("p").unwrap();
});
});
</script>
</head>
<body>
<button>wrap/unwrap</button>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
</body>
</html>
Was this information helpful?
