如何在同一域的 iframe 内使用 jquery click

Posted 2023-05-09

【中文标题】如何在同一域的 iframe 内使用 jquery click

【英文标题】：how to use jquery click inside an iframe on same domain

【发布时间】：2013-04-01 03:53:04

【问题描述】：

我的父页面使用 Jquery。

我正在将 iframe 加载到调用另一个页面的父页面上。 iframe 页面在同一个域中。

iframe 页面本身，没有与之关联的 jQuery。

但我想在这个 iframe 页面内的按钮上使用 jQuery 的 click 方法。

如何从父页面 .js 文件执行此操作？ ...不将 jQuery 源文件附加到 iframe 页面？

【参考方案1】：

尝试使用方法.contents() 然后.find() 来获取您的元素，如下所示：

$('iframe').contents().find('#yourbutton').click(function()
    //Do whatever you need
);

当然，您必须将选择器更改为更具体

【讨论】：

因为这是在 iframe 中，如果我想添加确保点击时它与父窗口通信怎么办？ （即window.parent）？你会如何调整你的例子？如果这不是我最初的问题，我向darkajax道歉。

感谢darkajax 回答了我最初的问题！

@blachawk 不用担心，它会通过任何方式与它通信，比如说：$('element outside iframe').html($('iframe').contents().find('element inside iframe').text()) 你会看到它会改变，因为它受到了影响......