Geschachtelte Iframes, AKA Iframe Inception

Question

Mar 11, 2013, 05:45 PM

Geschachtelte Iframes, AKA Iframe Inception

Mit jQuery versuche ich auf div id = "element" zuzugreifen.

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

Alle iframes befinden sich in derselben Domain ohne WWW- / Nicht-WWW-Probleme.

Ich habe erfolgreich Elemente im ersten Iframe aber nicht im zweiten geschachtelten Iframe ausgewählt.

Ich habe ein paar Dinge ausprobiert, dies ist der jüngste (und ein ziemlich verzweifelter Versuch).

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

// iframeContent is null

Bearbeiten: Um ein Zeitproblem auszuschließen, habe ich ein Klickereignis verwendet und eine Weile gewartet.

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

Irgendwelche Ideen? Vielen Dank.

Update: Ich kann den zweiten iframe so auswählen ...

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

Das Problem scheint nun zu sein, dass der src leer ist, da der iframe mit Javascript generiert wird. Der iframe ist also ausgewählt, aber die Inhaltslänge ist 0.