Home/ Questions/Q 6125827
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T16:17:35+00:00

I have the following div structure, <div id=fancybox-content> <iframe….> <html> <body> <div class=main> <div

  • 0

I have the following div structure,

<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>

how to hide the div which has the class left.

Kindly help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    if the content of iframe is from the same domain you can do

    add id to your iframe

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

    and access the div with class left as

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

    else if the contents of the iframe are from a different domain you have to create a server side proxy

    Edit(s)

    you can try the following

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

    if that didn’t work wrap the code in

    $("#youriframeID").ready(function () {
 $('#youriframeID').contents().find('div.left').hide();

}

    this way the code will execute when the iframe is finished loading

    • 0