cómo acceder a la página padre de iFrame usando jquery?

Question

que tienen un iframe y con el fin de acceder elemento padre he implementado siguiente código:

window.parent.document.getElementById('parentPrice').innerHTML 

cómo obtener el mismo resultado utilizando jQuery?
ACTUALIZACIÓN: ¿O cómo acceder a la página primaria de iFrame utilizando jquery?

Answer 1

de encontrar en la matriz de la utilización iFrame:

$('#parentPrice', window.parent.document).html(); 

El segundo parámetro para la envoltura $() es el contexto en el que realizar la búsqueda. Esto predeterminado para documentar.

Answer 2

cómo acceder a la página de los padres iFrame usando jQuery

window.parent.document.

jQuery es una biblioteca en la parte superior de JavaScript, no es un reemplazo completo de la misma. No tiene que reemplazar cada última expresión de JavaScript con algo que involucre $.

Answer 3

en Put ventana padre:

<script> 
function ifDoneChildFrame(val) 
{ 
    $('#parentPrice').html(val); 
} 
</script> 

y en el marco flotante archivo src puesto:

<script>window.parent.ifDoneChildFrame('Your value here');</script> 

Answer 4

sí que funciona para mí también.

Nota: tenemos que utilizar window.parent.document

$("button", window.parent.document).click(function() 
    { 
     alert("Functionality defined by def"); 
    }); 

Answer 5

Está funcionando para mí con pequeño giro. En mi caso, tengo que rellenar el valor de POPUP JS a formulario PARENT WINDOW.

así que he utilizado $('#ee_id',window.opener.document).val(eeID);

Excelente !!!

Answer 6

Podría ser un poco tarde para el juego aquí, pero acabo de descubrir este fantástico plugin jQuery https://github.com/mkdynamic/jquery-popupwindow. Básicamente utiliza un evento de devolución de llamada onUnload, por lo que básicamente escucha el cierre de la ventana secundaria y realizará las acciones necesarias en ese punto. ASÍ QUE realmente no hay necesidad de escribir ningún JS en la ventana secundaria para devolverlo al padre.

Answer 7

Si es necesario encontrar la instancia de jQuery en el documento de nivel superior (por ejemplo, para llamar a una función de utilidad proporcionada por un plug-in) utiliza una de estas sintaxis:

• window.parent.$
• window.parent.jQuery

Ejemplo:

window.parent.$.modal.close(); 

jQuery se adjunta al objeto window y eso es lo que window.parent es.

Answer 8

Se puede acceder a los elementos de ventana padre desde dentro de un iframe utilizando window.parent así:

// using jquery  
window.parent.$("#element_id"); 

¿Qué es la misma que:

// pure javascript 
window.parent.document.getElementById("element_id"); 

Y si usted tiene más de un iframes anidados y desea acceder al iframe superior, entonces puede usar window.top de esta manera:

// using jquery 
window.top.$("#element_id"); 

que es lo mismo como:

// pure javascript 
window.top.document.getElementById("element_id"); 

Answer 9

Existen múltiples maneras de hacer esto.

I) Obtener principal principal directamente.

por ej. quiero reemplazar mi página secundaria a continuación iframe

var link = '<%=Page.ResolveUrl("~/Home/SubscribeReport")%>'; 
top.location.replace(link); 

aquí top.location obtiene directamente de los padres.

II) obtener los padres de uno en uno,

var element = $('.iframe:visible', window.parent.document); 

aquí si tiene más de un iframe, a continuación, especifique un activo o visible.

también se puede hacer como estos para conseguir nuevos padres,

var masterParent = element.parent().parent().parent() 

III) obtener de los padres por el identificador.

var myWindow = window.top.$("#Identifier")