javascript - 如何在 iframe 之外使用 jquery 应用 css

Question

我正在使用 iframe 弹出窗口，我想用 iframe 中的 jquery 更改 iframe 之外的内容？

这需要用jquery来完成。

像这样的代码

<iframe> <div  id="change">Change css</div> </iframe>
<div class="outer-div"> Text goes here </div>

<script>
$("#change").live('click', function(){
           $('#outer-div').css('display','none');
});
<script>

我想隐藏外部 div 点击 iframe 内部 div

感谢 Simranjeet singh

Answer 1

这是一些对我有用的代码。

假设 iFrame 与其父级在同一个域中，请尝试以下操作：

// -- Find the PARENT of the iFrame that this script runs in
var $topLevel = $(window.parent.document, window.parent.document);

如果您随后使用 $topLevel 作为 jQuery 的起点，它应该可以工作。

请注意，此代码在现代浏览器中可以正常工作，但似乎无法在 IE8 中运行（并且在 IE8 下未经测试）