How to access parent window object using jquery?

Question

How to resolve parent window object using jquery?

This is my parent window variable, I want to set its value after closing the child window.

$('#serverMsg').html('some text here'); 

Answer 1

 window.opener.$("#serverMsg") 

Answer 2

If you are in po-up mode and want to open an open window, use window.opener . The easiest way is to load jQuery into the parent window:

window.opener.$("#serverMsg").html // this uses jQuery in the parent window

or you can use the plain old document.getElementById to get the element and then expand it using jquery in the child window. The following should work (I have not tested it yet):

 element = window.opener.document.getElementById("serverMsg"); element = $(element); 

If you are in an iframe or frameset and want to access the parent frame, use window.parent instead of window.opener .

In accordance with a policy of the same origin, all this works without much effort, only if the child and parent windows are in the same domain.

Answer 3

or you can use a different approach:

 $( "#serverMsg", window.opener.document ) 

Answer 4

Here is a more literal answer (the parent window, not the opener) to the original question, which can be used in the iframe if the domain name in the iframe matches the name of the parent window:

 window.parent.$("#serverMsg")