come accedere alla pagina principale di iFrame usando jquery?

Ho un iframe e per accedere all'elemento genitore ho implementato il seguente codice:

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

Come ottenere lo stesso risultato usando jquery?
AGGIORNAMENTO : O come accedere alla pagina principale di iFrame usando jquery?

Per trovare nel genitore dell'iFrame usare:

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

Il secondo parametro per il wrapper $ () è il contesto in cui cercare. L'impostazione predefinita è documentare.

come accedere alla pagina principale di iFrame usando jquery

window.parent.document.

jQuery è una libreria in cima a JavaScript, non una sostituzione completa per esso. Non è necessario sostituire ogni ultima espressione JavaScript con qualcosa che coinvolge $.

Se è necessario trovare l'istanza jQuery nel documento principale (ad esempio, per chiamare una funzione di utilità fornita da un plug-in) utilizzare una di queste sintassi:

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

Esempio:

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

jQuery si attacca windowall'oggetto ed è quello che window.parentè.

Puoi accedere agli elementi della finestra principale da un iframe usando in window.parentquesto modo:

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

Che è lo stesso di:

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

E se hai più di un iframe nidificato e vuoi accedere all'iframe più in alto, puoi usare in window.topquesto modo:

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

Che è lo stesso di:

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

nella finestra principale inserisci:

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

e nel file iframe src inserisci:

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

sì, funziona anche per me.

Nota: dobbiamo usare window.parent.document

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

Funziona per me con una piccola svolta. Nel mio caso devo popolare il valore da POPUP JS al modulo PARENT WINDOW.

Quindi ho usato $('#ee_id',window.opener.document).val(eeID);

Eccellente!!!

Potrebbe essere un po 'tardi per il gioco qui, ma ho appena scoperto questo fantastico plugin jQuery https://github.com/mkdynamic/jquery-popupwindow . In pratica utilizza un evento di callback onUnload, quindi in pratica ascolta la chiusura della finestra figlio e eseguirà tutte le cose necessarie a quel punto. Quindi non c'è davvero bisogno di scrivere alcun JS nella finestra figlio per tornare al genitore.

Esistono diversi modi per farlo.

I) Ottieni direttamente il genitore principale.

per exa. Voglio sostituire la mia pagina figlio a iframe quindi

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

qui top.location ottiene direttamente il genitore.

II) ottenere genitore uno per uno,

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

qui se hai più di un iframe, quindi specifica uno attivo o visibile.

puoi anche fare così per ottenere altri genitori,

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

III) ottenere genitore dall'identificatore.

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