我有一个 iframe,为了访问父元素,我实现了以下代码:
window.parent.document.getElementById('parentPrice').innerHTML
如何使用jquery获得相同的结果?
更新:或者如何使用 jquery 访问 iFrame 父页面?
我有一个 iframe,为了访问父元素,我实现了以下代码:
window.parent.document.getElementById('parentPrice').innerHTML
如何使用jquery获得相同的结果?
更新:或者如何使用 jquery 访问 iFrame 父页面?
要在 iFrame 的父级中查找,请使用:
$('#parentPrice', window.parent.document).html();
$() 包装器的第二个参数是要搜索的上下文。这默认为文档。
如何使用 jquery 访问 iFrame 父页面
窗口.父.文档。
jQuery 是一个基于 JavaScript 的库,而不是它的完全替代品。您不必用涉及 $ 的内容替换最后一个 JavaScript 表达式。
如果您需要在父文档中查找 jQuery 实例(例如,调用插件提供的实用程序函数),请使用以下语法之一:
window.parent.$
window.parent.jQuery
例子:
window.parent.$.modal.close();
jQuery 被附加到window
对象上,window.parent
就是这样。
您可以使用以下方法从 iframe 中访问父窗口的元素window.parent
:
// 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");
在父窗口中放置:
<script>
function ifDoneChildFrame(val)
{
$('#parentPrice').html(val);
}
</script>
并在 iframe src 文件中放置:
<script>window.parent.ifDoneChildFrame('Your value here');</script>