使用jQuery获取框架内的元素

前端之家收集整理的这篇文章主要介绍了使用jQuery获取框架内的元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试访问一个框架内的元素,但到目前为止还没有得到任何运气.我已经阅读了很多关于stackoverflow和jQuery文档的示例,但是我看到的所有例子都参考了iFrames,它的行为与传统的框架不同.我的页面结构如下图所示,删除实际内容
  1. <html>
  2. <head></head>
  3. <frameset>
  4. <frame name="Menu"><html><body>
  5. <!--Menu contents-->
  6. </body></html></frame>
  7.  
  8. <frameset>
  9. <frame name="SettingsTree"><html><body>
  10. <!--Setting options-->
  11. </body></html></frame>
  12. <frame name="SettingsGrid" id="SettingsGrid"><html><body>
  13. <div id="findthis"></div>
  14. <!--Setting grid values-->
  15. </body></html></frame>
  16. </frameset>
  17.  
  18. </frameset>
  19. </html>

在iFrame中获取“findthis”内容的方式是

  1. $('#SettingsGrid').contents().find('#findthis')

然而这并没有返回任何东西. $(‘#SettingsGrid’)对象存在的长度为1,并且我希望它拥有的所有html.但是当我在该对象上调用.contents()时,它不返回任何东西.我不知道这是不是因为它没有被正确加载到DOM中,或者还有其他问题.

解决方法

尝试这个:
  1. $('#findthis',window.parent.frames[0].document)

见上一个问题/答案:Run JQuery in the context of another frame

猜你在找的jQuery相关文章