Вложенные рамки iframe
Используя jQuery, я пытаюсь получить доступ к div id = "element".
<body>
<iframe id="uploads">
<iframe>
<div id="element">...</div>
</iframe>
</iframe>
</body>
Все iframes находятся в одном домене без проблем с www / non-www.
Я успешно выбрал элементы в первом iframe, но не во втором вложенном iframe.
Я попробовал несколько вещей, это самая последняя (и довольно отчаянная попытка).
var iframe = jQuery('#upload').contents();
var iframeInner = jQuery(iframe).find('iframe').contents();
var iframeContent = jQuery(iframeInner).contents().find('#element');
// iframeContent is null
Редактировать: чтобы исключить проблему синхронизации, я использовал событие щелчка и некоторое время ждал.
jQuery().click(function(){
var iframe = jQuery('#upload').contents().find('iframe');
console.log(iframe.find('#element')); // [] null
});
Есть идеи? Благодарю.
Обновление: я могу выбрать второй iframe так ...
var iframe = jQuery('#upload').contents().find('iframe');
Теперь проблема заключается в том, что src пуст, поскольку iframe генерируется с помощью javascript. Таким образом, iframe выбран, но длина содержимого равна 0.