javascript - 如何使用 jQuery 检查页面上的 IFrame 是否可见

Question

假设我有一个包含多个 IFrame 的页面:

主页

<div id='someDiv1' style='display:none; '>
       <iframe id='iframe1' src='iframe1.html'>
           <input id='someinput'></input>
       </iframe>
</div>

IFrame (iframe1.html)

<input id='someinput'></input>
<script>
  function isElementVisible(elem){

  }
</script>

在这种情况下，由于 IFrame 的父 div 隐藏了它，我该如何检查该元素是否可见/隐藏？

我尝试使用 $('#someinput').is(':visible') 但如果我在 IFrame 中运行它，我总是得到 true。我没有更改页面结构的选项，也没有在父级中执行脚本的选项。

Answer 1

您的 iframe 中的文档不知道您主页中的情况...但我相信您可以“查询”您的父级以检查它是否可见？

$('#someDiv1', window.parent.document).is(":visible");

或者没有 jquery 因为你真的不需要它..

if(window.parent.document.getElementById("someDiv1").style.display != "none") 
    alert("Visible");
else 
    alert("Hidden");