iframeをリフレッシュせずにDivのコンテンツをjavascriptでラップする

Question

基本的には、div内のページにいくつかのコンテンツをラップしたいと思います。

私はjQueryのwrap関数を使用してこれを行うことができますが、私の問題は、広告を含むコンテンツにいくつかのiframeがあり、iframeを更新するコンテンツをラップするときです。

これは私の言うことは、舞台裏では新しいコンテンツにラップするコンテンツを複製しているからです。

HTML

<div class="content"> 
    <iframe src="http://something.com/ads"></iframe> 
</div> 

JS

$(content).wrap('awesome_container');

理想的には私はその後ちょうどコンテンツのdivの前にいくつかのオープンdivタグ内のスロットと、いくつかの近くのdivタグたいが、私がすることはできません近いタグを付けずにページにdivを追加するようです。

誰もがこの問題を回避する方法を知っていますか？

乾杯

Answer 1

、あなたはjQueryのデタッチを使用して、所望の結果を得ることができるかどうかを確認（） これはまた、あなたがまだにこの要素とその子に関連付けられているものは何でもイベントできるようになりますが後で機能する。 iFrameオブジェクトを強制終了する代わりに保持するだけで十分です。

var orphan = $(selector).detach() 
someParent.html(orphan); 

ことができますなら、私を知ってみましょう:)

Answer 2

私はwrapは内部のiframeが更新されるので、その容器に渡さにマークアップを設定するhtmlメソッドを使用していますね。 appendメソッドを使用すると、iframeがリフレッシュされません。要素をある場所から別の場所に移動するだけなので、リフレッシュしません。あなたの素晴らしいcontianerを作成し、このコンテナ内にcontent divを追加してみてください。代わりにHTMLを削除するか、そのコピーを作成する

$('.content').before("<div id='awesome_container' />"); 

$('#awesome_container').append($('.content'));