Wie greife ich mit jquery auf die übergeordnete iFrame-Seite zu?

Ich habe einen Iframe und um auf das übergeordnete Element zuzugreifen, habe ich folgenden Code implementiert:

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

Wie kann man mit jquery das gleiche Ergebnis erzielen?
UPDATE : Oder wie kann man mit jquery auf die übergeordnete iFrame-Seite zugreifen?

So finden Sie im übergeordneten Element des iFrame Folgendes:

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

Der zweite Parameter für den $ () - Wrapper ist der Kontext, in dem gesucht werden soll. Dies ist standardmäßig dokumentiert.

So greifen Sie mit jquery auf die übergeordnete iFrame-Seite zu

window.parent.document.

jQuery ist eine Bibliothek über JavaScript und kein vollständiger Ersatz dafür. Sie müssen nicht jeden letzten JavaScript-Ausdruck durch etwas mit $ ersetzen.

Wenn Sie die jQuery-Instanz im übergeordneten Dokument suchen müssen (z. B. um eine von einem Plug-In bereitgestellte Dienstprogrammfunktion aufzurufen), verwenden Sie eine der folgenden Syntaxen:

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

Beispiel:

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

jQuery wird an das windowObjekt angehängt und das window.parentist es.

Sie können von einem iframe aus auf Elemente des übergeordneten Fensters zugreifen, indem Sie Folgendes verwenden window.parent:

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

Welches ist das gleiche wie:

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

Und wenn Sie mehr als einen verschachtelten Iframe haben und auf den obersten Iframe zugreifen möchten, können Sie Folgendes verwenden window.top:

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

Welches ist das gleiche wie:

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

im übergeordneten Fenster setzen:

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

und in die iframe src Datei setzen:

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

Ja, das funktioniert auch bei mir.

Hinweis: Wir müssen window.parent.document verwenden

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

Es funktioniert für mich mit einer kleinen Wendung. In meinem Fall muss ich den Wert von POPUP JS in das Formular PARENT WINDOW eintragen.

Also habe ich benutzt $('#ee_id',window.opener.document).val(eeID);

Ausgezeichnet!!!

Könnte hier etwas spät zum Spiel kommen, aber ich habe gerade dieses fantastische jQuery-Plugin entdeckt: https://github.com/mkdynamic/jquery-popupwindow . Es verwendet grundsätzlich ein onUnload-Rückrufereignis, wartet also grundsätzlich auf das Schließen des untergeordneten Fensters und führt zu diesem Zeitpunkt alle erforderlichen Aufgaben aus. Es ist also wirklich nicht erforderlich, JS in das untergeordnete Fenster zu schreiben, um es an das übergeordnete Fenster zurückzugeben.

Es gibt mehrere Möglichkeiten, dies zu tun.

I) Hauptelternteil direkt holen.

für Exa. Ich möchte dann meine untergeordnete Seite durch iframe ersetzen

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

hier wird top.location direkt übergeordnet.

II) Eltern eins nach dem anderen bekommen,

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

Wenn Sie mehr als einen Iframe haben, geben Sie hier einen aktiven oder sichtbaren an.

Sie können dies auch tun, um weitere Eltern zu bekommen.

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

III) Eltern durch Kennung erhalten.

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