Javascript 如何从iframe外部使用jquery应用css

我正在使用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>

更改css
这里有文字
$（“#更改”）.live（'单击'，函数（））{
$（'#outer div'）.css（'display'，'none'）；
});

我想隐藏外部div，单击iframe内部div

谢谢

---

辛兰吉特·辛格

这是一些对我有用的代码

假设iFrame与其父对象位于同一域中，请尝试以下操作：

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

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

---

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

您无法从外部访问iframe。我们这里没有魔杖，您需要显示代码，或者根据您期望的更改进行调整，无论如何，您可以尝试在iframe中进行ajax调用，它将退出iframe并进行所需的更改。仍然取决于你的需要，不确定它是否100%有效，是的，在这里做小提琴是最好的提问方式：