Iframes anidados, también conocido como Iframe Inception

Question

Mar 11, 2013, 05:45 PM

Iframes anidados, también conocido como Iframe Inception

Usando jQuery estoy intentando acceder a div id = "element".

<body>
    <iframe id="uploads">
        <iframe>
            <div id="element">...</div>
        </iframe>
    </iframe>
</body>

Todos los iframes están en el mismo dominio sin problemas www / non-www.

He seleccionado con éxito elementos dentro del primer iframe pero no el segundo iframe anidado.

He intentado algunas cosas, esta es la más reciente (y un intento bastante desesperado).

var iframe = jQuery('#upload').contents();
var iframeInner = jQuery(iframe).find('iframe').contents();
var iframeContent = jQuery(iframeInner).contents().find('#element');

// iframeContent is null

Editar: Para descartar un problema de tiempo, usé un evento de clic y esperé un rato.

jQuery().click(function(){
   var iframe = jQuery('#upload').contents().find('iframe');
   console.log(iframe.find('#element')); // [] null
});

¿Algunas ideas? Gracias.

Actualización: Puedo seleccionar el segundo iframe así ...

var iframe = jQuery('#upload').contents().find('iframe');

El problema ahora parece ser que el src está vacío ya que el iframe se genera con javascript. Así que se selecciona el iframe pero la longitud del contenido es 0.

Deja tu comentario