Amr Elgarhy
Ich habe einen Iframe und um auf das übergeordnete Element zuzugreifen, habe ich folgenden Code implementiert:
window.parent.document.getElementById('parentPrice').innerHTML
Wie bekomme ich das gleiche Ergebnis mit jquery?
AKTUALISIEREN: Oder wie greife ich mit jquery auf die iFrame-Elternseite zu?
Um im übergeordneten Element des iFrame zu finden, verwenden Sie:
$('#parentPrice', window.parent.document).html();
Der zweite Parameter für den $()-Wrapper ist der Kontext, in dem gesucht werden soll. Dies ist standardmäßig Dokument.
Cool – du hast den Dank bestätigt, bevor er dir gedankt hat. Hat StackOverflow vielleicht Probleme mit Zeitzonen?
– Belugabob
19. März 10 um 8:49 Uhr
Sie könnten auch Folgendes tun: $(window.parent.document).find(“#parentPrice”).html();
– jhorback
10. September 10 um 17:46 Uhr
@belugabob Es ist die Schuld eines Zauberers.
– Erik Escobedo
22. September 10 um 17:42 Uhr
Für diejenigen, die ein Windoid mit window.open gestartet haben, vergessen Sie nicht den alten JS-Standard window.opener.document. $(“#someDiv”, window.opener.document) funktioniert.
– jjohn
21. Mai ’13 um 18:03 Uhr
Dies funktioniert nur, wenn die Quelle des Iframes jQuery geladen hat. Meiner Erfahrung nach hätte die Iframe-Quelle kein jQuery, aber die Notwendigkeit, eine der jQuery-Funktionen des übergeordneten Elements aufzurufen, ist häufig erforderlich. Verwenden Sie dazu: window.document.$(“#parentPrice”).html() Dies war die Antwort, die Álvaro G. Vicario gepostet hat.
– David Kinkead
7. August 14 um 15:46 Uhr
So greifen Sie mit jquery auf die übergeordnete iFrame-Seite zu
window.parent.document.
jQuery ist eine Bibliothek auf JavaScript, kein vollständiger Ersatz dafür. Sie müssen nicht jeden letzten JavaScript-Ausdruck durch etwas ersetzen, das $ enthält.
+1. jQuery ist großartig, aber viele Antworten auf einfache Probleme scheinen „jQuery verwenden“ zu sein. Wenn Sie die Bibliothek trotzdem laden, ist das in Ordnung, aber laden Sie sie nicht mit einer Aufgabe. Außerdem scheinen die Leute besorgt über die Leistung von JS zu sein und dann eine API auf JS zu verwenden, um Dinge ohne die API einfach möglich (und möglicherweise schneller) zu erledigen.
– Grant Wagner
7. April 09 um 18:26 Uhr
@Grant Obwohl ich davon träume, dass jQuery zu nativem Code in Browsern wird.
– Dan Schläge
29. April 11 um 4:07 Uhr
@Blowski: Das ist mein Alptraum! jQuery enthält eine Menge extrem komplexen und fragilen „Do what I mean“-Code, der völlig unangemessen wäre, um ihn in eine offizielle API zu integrieren.
– Bobin
29. April 11 um 21:07 Uhr
@bobince: Klar, das solltest du stets Ersetzen Sie das gesamte Javascript durch jQuery. Es ist wie Speck; Es gibt keine Situation, in der weniger besser ist. 😉
– MW.
20. Januar 14 um 13:02 Uhr
Das OP hatte bereits window.parent.document, also hat dies nichts geantwortet. Und stellen Sie sich vor, die Auswahllogik wäre viel komplexer als die ID eines Elements, eine Situation, in der jQuery verdammt praktisch ist. Ich habe das Gefühl, die Frage lautet: “Wie sage ich ‘Hallo’ auf Französisch?” und diese Antwort ist “deutsch sprechen”.
– Grantwparks
8. November 14 um 6:08 Uhr
Wenn Sie die jQuery-Instanz im übergeordneten Dokument finden müssen (z. B. um eine von einem Plug-in bereitgestellte Hilfsfunktion aufzurufen), verwenden Sie eine der folgenden Syntaxen:
window.parent.$window.parent.jQueryBeispiel:
window.parent.$.modal.close();
jQuery wird an die angehängt window Objekt und das ist was window.parent ist.
Ich verwende mein Iframe wie ein Benutzersteuerelement. Dadurch kann ich es schön und sauber halten.
– Dan Randolph
26. Dezember ’15 um 17:30 Uhr
Amr
Sie können auf Elemente des übergeordneten Fensters innerhalb eines Iframes zugreifen, indem Sie verwenden window.parent so was:
// using jquery
window.parent.$("#element_id");
Was dasselbe ist 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 verwenden window.top so was:
// using jquery
window.top.$("#element_id");
Was dasselbe ist wie:
// pure javascript
window.top.document.getElementById("element_id");
steven
im übergeordneten Fenster einfügen:
<script>
function ifDoneChildFrame(val)
{
$('#parentPrice').html(val);
}
</script>
und in die iframe src-Datei einfügen:
<script>window.parent.ifDoneChildFrame('Your value here');</script>
Yogesh Gandhi
ja bei mir funktioniert es auch.
Hinweis: Wir müssen window.parent.document verwenden
$("button", window.parent.document).click(function()
{
alert("Functionality defined by def");
});
Siddharth Rout
Bei mir funktioniert es mit wenig Twist. In meinem Fall muss ich den Wert von POPUP JS in das PARENT WINDOW-Formular füllen.
Also habe ich verwendet $('#ee_id',window.opener.document).val(eeID);
Exzellent!!!
.
Siehe auch stackoverflow.com/questions/12114243/…
– Alexis Wilke
6. April 16 um 8:09 Uhr