使用jQuery来设置样式iFrame

我在这里读了十几个类似的问题并尝试了我能想到的一切，但我显然做错了，因为我无法让它发挥作用。

HTML ：

JS ：

 $(document).ready(function() { $('iframe#posts').ready(function() { var frame = $('iframe#posts').contentDocument; console.log($('#adminmenu', frame)); $('#adminmenu', frame).css('display', 'none !important'); }); }); 

控制台正在输出：

 [
​…​
​] 

这是正确的元素。 但是display:none永远不会在浏览器中应用。 此外，我发现控制台输出内联样式很奇怪，即使它是在console.log()语句之后设置的（不确定它是否相关，但似乎不应该是这样）。

有谁知道为什么这不起作用？

我还应该补充一点，主文档正文中还有一个

，但我想通过提供iframe上下文，它应该以iframe为目标。

Answer 1

您是否尝试过使用jQuery的contents()函数而不是contentDocument ？

 $("iframe#posts").contents().find("#adminmenu").hide(); 

更新：将.css("display", "none !important")改为简单的.hide() 。

Answer 2

对于iframe，请尝试使用’load’方法而不是’ready’。 此外，使用’contents（）’而不是’contentDocument’来获取iframe的内容。

 $(document).ready(function() { $('iframe#posts').load(function() { var frame = $('iframe#posts').contents(); /* other code */ }); });