FireBug和jQuery选择器在iFrame中

前端之家收集整理的这篇文章主要介绍了FireBug和jQuery选择器在iFrame中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Web应用程序,并使用jQuery插件ColorBox弹出一个窗口,该窗口提供了编辑父窗口元素的窗体.我使用Firebug来调试我的 JavaScript和jQuery,我注意到我不能使用jQuery控制台命令行在ColorBox HTML表单中选择一个元素.例如:

$date = $(“#date”);

即使我有一个id =“date”的输入元素,并且Firebug“元素检查”指针可以在iFrame中找到该元素,因此从jQuery控制台命令行运行时不会返回任何内容.有没有办法让Firebug的控制台访问iFrame中的元素?

谢谢你的帮助!
道格

解决方法

您需要将iframe的文档作为选择器的上下文传递,因为iframe有自己分离的DOM树:
$('#date',$('iframe').get(0).contentDocument);

为了获取访问iframe的内容,它必须从父文档的同一个域加载.

只需在这里详细说明,.contentDocument属性适用于Chrome(和FF),但不在IE< 8中.你必须使用.document.

猜你在找的jQuery相关文章