targeting the parent window using jQuery

Question

Here is the sample code which I am not able to solve. I did it using javascript, but when I am doing using jQuery, I do not able to target the element.

Script :

var element = window.parent.document.getElementById('iframeOne');
//this is working fine      

But i want to do using jQuery. So how can I target the element?

Answer 1

The jQuery selector syntax for id is to use a # before the id name

in you case it should be $('#iframeOne')

an optional context can also be used like $('#iframeOne, window.parent.document). The default context is document root.

Answer 2

Perhaps you want to do something like this

$('#iframeOne', window.parent.document);

Another way to do it

window.parent.$("#iframeOne");

Another way

$("#iframeOne", top.document);

If you know the name of the parent window, you can also do

$("#iframeOne",opener.document)

Here opener is the name of the window.

Cheers!!

Answer 3

Use this:

var ele = $('#iframeOne', window.parent.document);

or

var ele = $(window.parent.document).find("#iframeOne");

Answer 4

to select element with id within the parent window

$('#iframeOne',window.parent.document);