【jQuery】親要素を削除する

親要素を削除したいときに、どうすればいいのかわかったのでメモ。
下記のようなHTMLのときに、pをクリックしたらdivを消すとする。

<div>
<p>ここをクリックする</p>
</div>

#remove()は×

$('div p').click(function(){
    $(this).parent().remove(); //divとその中身が全て消えちゃう
});

#unwrap()を使う

$('div p').click(function(){
    $(this).unwrap(); //divだけを消す
});

※jQuery1.4系以降対応

デモ：http://jsdo.it/Ituki/dr43
参考：http://h2ham.seesaa.net/article/143970370.html