Tengo 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 usando jquery?

ACTUALIZACIÓN: O cómo acceder a iFrame de la página principal usando jquery?

InformationsquelleAutor Amr Elgarhy | 2009-04-07

9 Comentarios

  1. 484

    A encontrar en el padre del iFrame uso:

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

    El segundo parámetro para el $() contenedor es el contexto en el que se realizará la búsqueda. El valor por defecto del documento.

    • Ok muy bien me podría ayudar.
    • Gran respuesta, salvó mi tiempo, gracias 🙂
    • Cool – que reconoció las gracias antes de que él agradeció a usted. StackOverflow tener problemas con las zonas horarias, tal vez?
    • También se podría hacer: $(window.el padre de familia.el documento).encontrar(«#parentPrice»).html();
    • Es un wizzard la culpa.
    • un buen ejemplo – stackoverflow.com/a/11874986/1260020
    • Para aquellos que lanzó un windoid con ventana.abierto, no olvide sobre que edad JS estándar de la ventana.abridor.documento. $(«#someDiv», de la ventana.abridor.documento de) obras.
    • ¿Qué acerca de $("#someDiv", top.document)?
    • Esto sólo funcionará si la fuente de el iframe tiene jQuery cargado. En mi experiencia, el origen de iframe no habría jQuery, pero la necesidad de llamar a uno de los padres de las funciones de jQuery es a menudo necesario. Para ello el uso de: de la ventana.documento.$(«#parentPrice»).html() Esta fue la respuesta de Álvaro G. Vicario publicado.
    • Uno debe a usar ese enfoque, como $(«#nodo», contexto) llama internamente a buscar().

  2. 38

    cómo acceder iFrame de la página principal usando jquery

    ventana.el padre de familia.documento.

    jQuery es una biblioteca en la parte superior de JavaScript, no es un reemplazo completo para él. Usted no tiene que reemplazar a la última expresión de JavaScript con algo que involucra $.

    • +1. jQuery es grande, pero un montón de respuestas a problemas simples que parecen ser de uso ‘jQuery’. Si va a cargar la biblioteca de todos modos, está bien, pero no carga es una de las tareas. Además, las personas parecen estar preocupados acerca de JS perf, a continuación, utilizar una API en la parte superior de la JS para hacer las cosas fácilmente posible (y posiblemente más) sin el API.
    • Aunque he de sueño de jQuery convertirse en código nativo dentro de los navegadores.
    • esa es mi pesadilla! jQuery contiene un montón de extremadamente complejo y frágil «¿a qué me refiero» código que sería completamente inapropiado para poner en un oficial de la API.
    • Me gustaría unirme a tu opinión, sin embargo, incluso jQuery tiene sus propias deficiencias. Además está en constante evolución, y que evoluciona mucho más rápido que cualquier otro JS lib. Así que será muy difícil para js motores de mantener hasta la fecha )).
    • Claramente, usted debe siempre reemplazar todo el Javascript con jQuery. Es como el tocino; no hay ninguna situación en la que menos es mejor. 😉
    • El OP ya había ventana.el padre de familia.el documento, por lo que este no responder nada. E imaginar el selector de lógica que es mucho más complejo que un elemento de IDENTIFICACIÓN, una situación en la que jQuery es muy práctico. Me siento como la pregunta es «¿cómo puedo decir «hola» en francés?» y la respuesta a esto es «hablar alemán».
    • No, es un poco más como diciendo, «Usted no necesita aprender francés! Esto es Alemania! El alemán está muy bien.» Con un poco de gritar y de la mano saludando para el efecto. 🙂

  3. 12

    Si usted necesita para encontrar el jQuery ejemplo, en la matriz del documento (por ejemplo, para llamar a una función de utilidad proporcionada por un plug-in) el uso de una de estas sintaxis:

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

    Ejemplo:

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

    jQuery se une a la window objeto y que es lo que window.parent es.

    • Estoy usando mi iframe como un control de usuario. Esto me permite mantener limpio y agradable.
  4. 9

    Puede acceder a los elementos de la ventana principal de dentro de un iframe usando de la ventana.los padres como este:

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

    Que es lo mismo que:

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

    Y si tiene más de uno anidado iframes y desea acceder a la parte más alta de iframe, entonces usted puede utilizar de la ventana.top como este:

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

    Que es lo mismo que:

    //pure javascript
    window.top.document.getElementById("element_id");
    • Este trabajó para mí. Gracias
  5. 7

    de los padres de la ventana de poner :

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

    y en iframe src archivo de poner :

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

    sí, a mí me funciona así.

    Nota : tenemos que usar la ventana.el padre de familia.documento

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

    Que está funcionando para mí con un pequeño giro.
    En mi caso tengo que rellenar valor de EMERGENTE JS a los PADRES de la VENTANA de formulario.

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

    Excelente!!!

  8. 3

    Podría ser un poco tarde para el juego aquí, pero acabo de descubrir este fantástico plugin de jQuery https://github.com/mkdynamic/jquery-popupwindow. Básicamente usa un onUnload evento de devolución de llamada, por lo que, básicamente, escucha a cabo para el cierre de la ventana secundaria, y llevará a cabo cualquier material necesario en ese momento. ASÍ que no hay realmente ninguna necesidad de escribir ningún JS en el niño de la ventana para pasar a la de los padres.

  9. 1

    Hay varias formas de hacer estas.

    I) Conseguir principal directamente.

    para exa. quiero cambiar a mi hijo de la página para iframe, a continuación,

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

    aquí superior.ubicación obtiene de los padres directamente.

    II) obtener de los padres, uno por uno,

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

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

    tambien se puede hacer como estos para llegar más a los padres,

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

    III) obtener de los padres por Identificador.

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

Dejar respuesta

Please enter your comment!
Please enter your name here