Hide element inside iframe by classname

Question

I'm using iframe on a popup window. And I want to hide a div by classname from iframe. This popup opens when user intend to exist.

My code:

<div class="lightbox">
  <div class="box">
      <iframe id="my_iframe" src="mydomain.com" style="width:500px; min-height:400px; height:auto;"  frameborder="0"></iframe>
      
        <p> <a href="#" class="close">X</a></p>
  </div>
</div>

$('#my_iframe').ready(function(){
console.log('load the iframe')
var $poweredWrapper = $('#my_iframe').find("poweredWrapper");
$poweredWrapper.hide();
});

How can I hide div with this class poweredWrapper

ashar muhammad · Accepted Answer · 2022-08-25T08:57:36.673

1

poweredWrapper is your class name, so call it by classname, instead you are calling it as element.

use:

var $poweredWrapper = $('#my_iframe').content().find(".poweredWrapper");

instead:

var $poweredWrapper = $('#my_iframe').find("poweredWrapper");

edited Aug 25 '22 at 08:57

answered Aug 25 '22 at 08:46

ashar muhammad

46
6

Tried with that also. Not working. – Farlar Aug 25 '22 at 08:52
did you console `$poweredWrapper`, is it returning anything? – ashar muhammad Aug 25 '22 at 08:54
https://prnt.sc/U8MyaBJHexqb Nothing without this load the iframe. – Farlar Aug 25 '22 at 08:57
I have edited the above answer, try it out, hopefully it will work for you. – ashar muhammad Aug 25 '22 at 08:58
https://prnt.sc/kECS2MWp2tYf I want to hide mailchimp copyright logo from an iframe. – Farlar Aug 25 '22 at 08:58
Uncaught TypeError: $(...).content is not a function showing this error with your updated answer – Farlar Aug 25 '22 at 09:00
someone has answered in this link [https://stackoverflow.com/questions/205087/jquery-ready-in-a-dynamically-inserted-iframe], i guess your `$('#id').ready` is not working. – ashar muhammad Aug 25 '22 at 09:09

Hide element inside iframe by classname

1 Answers1