jQuery select element in parent window

Question

Is there a way to select a DIV in the parent window using jQuery?

For example:

Main page contains this,

<div id="testdiv"></div>

Popup page has a form with some options and an 'Apply' button. When the user clicks apply it affects the style attribute on the main page.

Something along the logic of,

parent.$("#testdiv").attr("style", content from form);

possible duplicate of [how to access parent window object using jquery?](http://stackoverflow.com/questions/2167455/how-to-access-parent-window-object-using-jquery) — Dude Pascalou, Jun 16 '15 at 16:00

score 121 · Accepted Answer · answered May 16 '11 at 13:04

121

Use the context-parameter

$("#testdiv",parent.document)

But if you really use a popup, you need to access opener instead of parent

$("#testdiv",opener.document)

answered May 16 '11 at 13:04

Dr.Molle

score 23 · Answer 2 · edited May 23 '17 at 10:31

23

I looked for a solution to this problem, and came across the present page. I implemented the above solution:

$("#testdiv",opener.document) //doesn't work

But it doesn't work. Maybe it did work in previous jQuery versions, but it doesn't seem to work now.

I found this working solution on another stackoverflow page: how to access parent window object using jquery?

From which I got this working solution:

window.opener.$("#testdiv") //This works.

edited May 23 '17 at 10:31

Community

answered Jun 05 '13 at 16:04

TARKUS

1

Awesome mate ! @Dr.Molle was overconfident ! – Anil Sharma Nov 17 '13 at 06:56
..or it actually worked in 2011. For this answer's solution to work, would that popup need to already have jQuery loaded? – Dinerdo Jul 27 '17 at 15:55

score 4 · Answer 3 · edited May 23 '17 at 12:34

I came across the same problem but, as stated above, the accepted solution did not work for me.

If you're inside a frame or iframe element, an alternative solution is to use

window.parent.$('#testdiv');

window.opener refers to the window that called window.open( ... ) to open the window from which it's called
window.parent refers to the parent of a window in a frame or iframe element

score 2 · Answer 4 · answered Jul 08 '13 at 17:18

2

You can also use,

parent.jQuery("#testdiv").attr("style", content from form);

answered Jul 08 '13 at 17:18

Jashwant

what if the iframe is in another domain? How to close it? – Akki619 Jun 06 '18 at 11:20

score 1 · Answer 5 · answered Jul 06 '13 at 03:10

1

why not both to be sure?

if(opener.document){
  $("#testdiv",opener.document).doStuff();
}else{
  $("#testdiv",window.opener).doStuff();
}

answered Jul 06 '13 at 03:10

Thomas Smart

5 Answers5