Wie greift man mit Jquery auf die übergeordnete iFrame-Seite zu?

Question

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

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

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

Answer 1

Für die Suche im Elternteil des iFrames verwenden:

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

Der zweite Parameter für den $()-Wrapper ist der Kontext, in dem gesucht werden soll. Standardmäßig ist dies das Dokument.

Answer 2

Zugriff auf die übergeordnete iFrame-Seite mit Jquery

window.parent.document.

jQuery ist eine Bibliothek, die auf JavaScript aufbaut, und kein vollständiger Ersatz für JavaScript. Sie müssen nicht jeden einzelnen JavaScript-Ausdruck durch etwas mit $ ersetzen.

Answer 3

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

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

Beispiel:

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

jQuery wird mit dem window Objekt und das ist es, was window.parent ist.

Answer 4

Sie können auf Elemente des übergeordneten Fensters aus einem iframe heraus zugreifen, indem Sie window.parent wie diese:

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

Das ist dasselbe wie:

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

Und wenn Sie mehr als einen verschachtelten Iframe haben und auf den obersten Iframe zugreifen wollen, dann können Sie window.top wie diese:

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

Das ist dasselbe wie:

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

Answer 5

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>