Iframes aninhados, AKA Iframe Inception

Question

Mar 11, 2013, 05:45 PM

Iframes aninhados, AKA Iframe Inception

Usando jQuery, estou tentando acessar div id = "element".

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

Todos os iframes estão no mesmo domínio sem problemas www / não-www.

Eu selecionei com êxito elementos dentro do primeiro iframe, mas não no segundo iframe aninhado.

Eu tentei algumas coisas, esta é a mais recente (e uma tentativa muito desesperada).

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 um problema de tempo, usei um evento de clique e esperei um pouco.

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

Alguma ideia? Obrigado.

Atualização: eu posso selecionar o segundo iframe assim ...

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

O problema agora parece ser que o src está vazio, pois o iframe é gerado com o javascript. Portanto, o iframe é selecionado, mas o tamanho do conteúdo é 0.

leaveComments