在iframe父级中访问div

Question

我有一个包含iframe到另一个页面的页面，我正在寻找的是点击iframe中的内容，然后可以访问或更具体地隐藏父目录中的div。我知道一些JQuery，但出于某种原因，当我尝试自己写代码时，只是茫然地坐在代码编辑器上

Answer 1

在iframe中尝试：

$('#DIVtobehidden', window.parent.document).hide();

Answer 2

$("#element-In-Iframe").on('click', function() {
    $('#element-in-parent-window', window.parent.document).hide();
});

FIDDLE

Answer 3

如果两个页面都在同一个（子）域上，您应该可以使用以下命令访问父窗口：

window.parent.document.getElementById('divId')

这是没有jQuery但应该工作