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.