我正在尝试访问一个框架内的元素,但到目前为止还没有得到任何运气.我已经阅读了很多关于stackoverflow和jQuery文档的示例,但是我看到的所有例子都参考了iFrames,它的行为与传统的框架不同.我的页面结构如下图所示,删除实际内容:
<html> <head></head> <frameset> <frame name="Menu"><html><body> <!--Menu contents--> </body></html></frame> <frameset> <frame name="SettingsTree"><html><body> <!--Setting options--> </body></html></frame> <frame name="SettingsGrid" id="SettingsGrid"><html><body> <div id="findthis"></div> <!--Setting grid values--> </body></html></frame> </frameset> </frameset> </html>
$('#SettingsGrid').contents().find('#findthis')
然而这并没有返回任何东西. $(‘#SettingsGrid’)对象存在的长度为1,并且我希望它拥有的所有html.但是当我在该对象上调用.contents()时,它不返回任何东西.我不知道这是不是因为它没有被正确加载到DOM中,或者还有其他问题.
解决方法
尝试这个:
$('#findthis',window.parent.frames[0].document)