.unwrap()
返回: jQuery
.unwrap()
描述:从DOM中删除匹配的元素集合的父元素,把匹配的元素留在它们原来的位置。
加入于: 1.4
.unwrap()该方法不接受任何参数
.unwrap()
方法删除了元素的父元素。这可以十分高效地逆转.wrap()
方法。匹配的元素(以及它们的同辈元素,如果有的话)将在DOM结构中替换掉它们的父元素。
示例
在每个段落文本周围包裹一个div、解除包含一个div。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>unwrap demo</title> <style> div { border: 2px solid blue; } p { background: yellow; margin: 4px; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button>wrap/unwrap</button> <p>Hello</p> <p>cruel</p> <p>World</p> <script> var pTags = $( "p" ); $( "button" ).click(function() { if ( pTags.parent().is( "div" ) ) { pTags.unwrap(); } else { pTags.wrap( "<div></div>" ); } }); </script> </body> </html>
演示结果