iFrame中的Firebug和jQuery选择器

我正在开发一个Web应用程序，并使用jQuery插件Colorbox弹出一个窗口，该窗口显示一个用于编辑父窗口元素的表单。 我正在使用Firebug来调试我的Javascript和jQuery，我注意到我无法使用jQuery控制台命令行在Colorbox HTML表单中选择一个元素。 例如：

$ date = $（“＃date”）;

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

谢谢你的帮助！ 道格

Answer 1

您需要将iframe的文档作为选择器的上下文传递，因为iframe有自己独立的DOM树：

 $('#date', $('iframe').get(0).contentDocument); 

要在iframe的内容中进行访问，必须从父文档加载到同一个域。

---

在这里详细说明， .contentDocument属性在Chrome（和FF）中有效，但在IE <8中无效。 你必须使用.document 。

Answer 2

您正在寻找cd方法，请在此处记录： http ： //getfirebug.com/wiki/index.php/Command_Line_API

这是我用来自动跳转到任何iframed Facebook应用程序的iframe的书签。 它应该提供足够的示例来修改您的使用。

 javascript:with(_FirebugCommandLine){cd($$(".canvas_iframe_util")[0].contentWindow)} 

请注意，通常是不好的做法，但这实际上是Firebug执行您在控制台中键入的内容，因此我模仿了这一点。

运行此命令后，您在命令行中输入的所有内容都将在iframe的上下文中执行。