.unwrap()

http://api.jquery.com/unwrap/

.unwrap( ) 1.4追加
デモ

.unwrap( ) 1.4追加

戻り値:jQuery

要素の親エレメントを削除します。

.wrap()と真逆の親要素を取り除く動作をします。

デモ

P要素に対してDIV要素のwrap、unwrapを繰り返し実行します。

<!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>
</head>
<body>
<button>wrap/unwrap</button>
<p>おはよう！</p>
<p>こんにちは！</p>
<p>こんばんは！</p>
<script>
  $("button").toggle(function(){
    $("p").wrap("<div></div>");
  }, function(){
    $("p").unwrap();
  });
</script>
</body>
</html>