Avvolgere il contenuto in un Div con javascript senza aggiornamento iframe

Question

Fondamentalmente voglio avvolgere del contenuto sulla mia pagina in un div.

Posso farlo usando la funzione wrap in jQuery ma il mio problema è che ho alcuni iframe nel mio contenuto che contengono pubblicità e quando si avvolge il contenuto si aggiornano gli iframe.

Da quello che posso dire questo è perché dietro le quinte è la clonazione del contenuto da spostata nella nuova div.

html

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

js

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

Idealmente vorrei solo fessura in alcuni tag div aperti prima del div contenuti e pochi intimi tag div successiva, ma non posso sembra aggiungere qualsiasi div alla pagina senza aggiungere tag vicini.

Qualcuno sa di un modo per aggirare questo problema?

Acclamazioni

Answer 1

Invece di rimuovere il codice html o fare una copia di esso, vedere se è possibile ottenere il risultato desiderato con distacco di jQuery() Ciò consentirà anche tutto ciò che gli eventi si è associato a questo elemento ed i suoi figli ancora funzione in seguito. Può essere sufficiente per conservare l'oggetto iFrame invece di uccidere fuori.

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

fatemi sapere se questo aiuta :)

Answer 2

ritengo wrap utilizza internamente html metodo per impostare il codice nel passato in contenitore per cui iframe viene aggiornata. Se usi il metodo append, non aggiornerà lo iframe perché sposta semplicemente l'elemento da una posizione all'altra. Prova a creare il tuo contianer impressionante e poi aggiungere i content div all'interno di questo contenitore.

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

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