Passar variables ​​jquery entre iframe e pai

Como posso trabalhar com jQuery e iframe ? Obtenha e passe var do iframe para o body e do body para o iframe . Eu tenho o seguinte exemplo. Como posso clicar no botão no iframe e torná-lo efetivo no #test do body . Como sobre o pronto var x no iframe.

  var x = "whatever"; 

Dentro de page.html eu tenho

   var elm = $('content'); elm.appendTo('#test')  

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

ou

 $("#myid", parent.document.body); 

Isso lhe dará access ao contêiner do IFRAME

de acordo com: http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af

Da perspectiva dos pais:

 var iFrameValue = $('#iframe').get(0).contentWindow.myLocalFunction(); 

OU

 var iFrameValue = $('#iframe').get(0).contentWindow.myLocalVariable; 

Da perspectiva do iframe

  

Você pode usar as propriedades contentWindow e contentDocument , se a mesma diretiva de origem não for um problema. Eu configurei uma demonstração . Ver código para a demonstração e código para iframe .