如何从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测试）