[jQuery]unwrap

久しぶりのjQueryネタ

親の要素を削除してくれるunwrapという便利なメソッドがあるので試してみた。

<script>
jQuery(function($){
  $('#bar').on('click',function(e){
    e.preventDefault();
    $('#foo').unwrap();
  });
});
</script>
<div id="hoge">
this is div
<span id="foo">this is span</span>
</div>
<input type="button" id="bar" value="Run">

これ、Runを押すとdiv#hogeだけを削除してくれる。

aタグを削除したときなんかに便利ですね。