jqueryで要素の中身を要素の外に出す方法

質問

教えを貸してください。
jQueryを使って、要素を追加したり、削除したりしています。

このようなHTMLがあります。

<div class="fast">
　<div class="second">
　　<p><a href="goo.ne.jp">goo</a></p>
　</div>
　<div class="second">
　　<p><a href="yahoo.co.jp">yahoo</a></p>
　</div>
　<div class="second">
　　<p><a href="google.co.jp">google</a></p>
　</div>
</div>

このとき、yahooへのリンクを含む<div>から外したいのです。

<div class="fast">
　<div class="second">
　　<p><a href="goo.ne.jp">goo</a></p>
　</div>
　<p><a href="yahoo.co.jp">yahoo</a></p>
　<div class="second">
　　<p><a href="google.co.jp">google</a></p>
　</div>
</div>

対象となるdivとその中身を取得することはできています。
そのdivを消して、divのあった場所に挿入する。
という方法に悩んでいます。

良い方法がありましたら、教えてください。
よろしくお願いします。

回答No.1

fujillin · ベストアンサー

実験してませんが…

対象divの前（後でも良い）に、対象divの子要素のクローンを追加。
追加し終わったところで、対象divを削除。

というのではダメでしょうか？

お礼

回答ありがとうございます。
なるほど！その手がありました。

対象DIVを消してから、挿入しようとしていて、正確な位置にどうすれば挿入できるのか、ずーっと悩んでいました。

次の方法でうまくいきました。

var strInnerHTML = jQuery(this).html();
jQuery(this).before(strInnerHTML);
jQuery(this).remove();

ありがとうございました。