如何使用jquery访问iFrame父页面?

我有一个iframe，为了访问父元素，我实现了以下代码:

window.parent.document.getElementById('parentPrice').innerHTML
如何使用jquery得到相同的结果?< br > 更新:或如何访问iFrame父页面使用jquery?

360325 次浏览
小开
最佳答案

要在iFrame的父类中查找，使用:

$('#parentPrice', window.parent.document).html();

$()包装器的第二个参数是要搜索的上下文。默认为document。

小开

如何使用jquery访问iFrame父页面

window.parent.document。

jQuery是JavaScript之上的库，而不是JavaScript的完全替代品。您不必将每一个JavaScript表达式都替换为包含$的表达式。

小开

在父窗口中放置:

<script>
function ifDoneChildFrame(val)
{
$('#parentPrice').html(val);
}
</script>

在iframe SRC文件中放入:

<script>window.parent.ifDoneChildFrame('Your value here');</script>
小开

是的，对我来说也很管用。

注意:我们需要使用window.parent.document

    $("button", window.parent.document).click(function()
{
alert("Functionality defined by def");
});
小开

这对我来说很有效。 在我的情况下，我必须从POPUP JS填充值到PARENT WINDOW形式

所以我使用了$('#ee_id',window.opener.document).val(eeID);

优秀的! !

小开

可能有点晚了，但我刚刚发现了这个神奇的jQuery插件https://github.com/mkdynamic/jquery-popupwindow。它基本上使用一个onUnload回调事件，所以它基本上监听子窗口的关闭，并将在那一点上执行任何必要的东西。所以真的没有必要在子窗口中写任何JS来传递回父窗口。

小开

如果你需要在父文档中找到jQuery实例(例如，调用插件提供的实用函数)，请使用以下语法之一:

  • window.parent.$
  • window.parent.jQuery

例子:

window.parent.$.modal.close();

jQuery附加到window对象，这就是window.parent。

小开

你可以像这样使用window.parent从iframe中访问父窗口的元素:

// using jquery
window.parent.$("#element_id");

也就是:

// pure javascript
window.parent.document.getElementById("element_id");

如果你有多个嵌套iframe并且你想要访问最上面的iframe，那么你可以像这样使用window.top:

// using jquery
window.top.$("#element_id");

也就是:

// pure javascript
window.top.document.getElementById("element_id");
小开

有多种方法可以做到这一点。

I)直接获取母公司。

穰。我想把我的子页面换成iframe

var link = '<%=Page.ResolveUrl("~/Home/SubscribeReport")%>';
top.location.replace(link);

这里top.location直接获取父类。

II)让父母一个接一个，

var element = $('.iframe:visible', window.parent.document);

如果您有多个iframe，请指定活动的或可见的iframe。

你也可以这样做来获得更多的父母，

var masterParent = element.parent().parent().parent()

III)通过标识符获取父节点。

var myWindow = window.top.$("#Identifier")

提交答案