Question

我有以下div结构，

<div id="fancybox-content">
<iframe....>
<html>
<body>
<div class="main">
<div id="adminheader">...</div>
<div id="admininner">
<div class="admin-inner-bg">
<div class="left">-------</div>
</div>
</div>
</div>
</body>
</html>
</iframe>
</div>

如何隐藏具有类left的div。

请帮助。

Answer 1

jQuery有一个隐藏功能：http://api.jquery.com/hide/

$('.left').hide();

Answer 2

如果iframe的内容来自您可以执行的同一个域

为您的iframe添加ID

<iframe id="youriframeID"...>
.
.

并访问div，class左侧为

$('#youriframeID').contents().find('div.left').hide();

否则，如果iframe的内容来自不同的域，则必须创建服务器端代理

修改（一个或多个）

您可以尝试以下

$('#youriframeID').contents().find('div.left')[0].hide();

如果不起作用，请将代码包装在
中
$("#youriframeID").ready(function () { $('#youriframeID').contents().find('div.left').hide(); }

这样代码将在iframe完成加载时执行

Answer 3

$("#fancybox-content .left").get().hide();

Answer 4

感谢您的支持，

我通过工作得到了它，

<script type="text/javascript">
    $('#fancybox-frame').ready(function(){
       $('.left').hide();
    });
</script>

如何使用jquery隐藏放在内部div中的div

4 个答案: