How to hide a div inside iframe?

Question

I am loading a view using iframe.Now i wants to hide a div inside the iFrame using jQuery. But it shows $ is not defined.jQuery file is already included there.How can i do this?

<script type="text/javascript">
    $(function(){
        $("#wrap").hide();  
    });                     
</script>

What is your HTML structure? Is the jquery code in the iFrame? or in the parent page? — timo, Jan 08 '14 at 08:58
is jQuery included in the iframe or in the main page ? but basically on the main page you can't access the iframe content... This is the security policy — Germain, Jan 08 '14 at 08:58
You cannot change properties on divs inside iframe if iframe is not i same domain :) — edonbajrami, Jan 08 '14 at 08:59
try searching questions like these http://stackoverflow.com/questions/1654017/how-to-expose-iframes-dom-using-jquery which might have your answer and study the [jquery contents()](http://api.jquery.com/contents/) api. — Rohit416, Jan 08 '14 at 09:08

score 0 · Answer 1 · answered Jan 08 '14 at 08:59

jQuery has some major issues with iframes. You'll have to include a script inside your iframe and go from there.

What are you trying to use as a trigger to hide the div?

If it's at all possible I would suggest not using iframes for your website. Iframes come in handy when you're trying to embed a youtube video or something.

How to hide a div inside iframe?

1 Answers1