javascript - 如何在iFrame内的父文档上使用jQuery命令？

信息：我已经阅读了很多有关jquery访问iframe的问题，但是，我却没有找到任何与之相反的东西：在iframe内部访问父文档进行更改，并绑定一些父文档中的元素。

问题：我不知道该怎么做。

我试过的

第一次尝试：

function ajax(){
  $(document.parentNode).contents().find("#ajaxLoading").show();
  document.parentNode.contentWindow.$('#mainFrame').load(function(){
    $(document.parentNode).contents().find('#ajaxLoading').hide();
    $(document.parentNode).contents().find('#pnlContentHeader').removeClass('front');
  });
}

第二次尝试：

function ajax(){
  document.parentNode.$("#ajaxLoading").show();
  document.parentNode.$('#mainFrame').load(function(){
    document.parentNode.$('#ajaxLoading').hide();
    document.parentNode.$('#pnlContentHeader').removeClass('front');
  });
}

第三次尝试：

function ajax(){
  document.parentNode.find("#ajaxLoading").show();
  document.parentNode.find('#mainFrame').load(function(){
    document.parentNode.find('#ajaxLoading').hide();
    document.parentNode.find('#pnlContentHeader').removeClass('front');
  });
}

我需要一些帮助，我真的不知道我在做什么...

最佳答案

这应该使用window.parent.document起作用：

$(window.parent.document).find("#ajaxLoading").show();