Comment accéder à la page parent iFrame en utilisant jquery?

J'ai un iframe et pour accéder à l'élément parent J'ai implémenté le code suivant:

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

Comment obtenir le même résultat en utilisant jquery?
MISE À JOUR : Ou comment accéder à la page parent iFrame en utilisant jquery?

  • Set innerHTML d'un iframe
  • Rechargez un iframe avec jQuery
  • Comment supprimer les barres de défilement de l'iframe?
  • Redimensionner la hauteur du Iframe du domaine transversal
  • Iframe Auto Adjust Height à mesure que le contenu change
  • Accéder et modifier la page parent de iframe (avec jquery)
  • L'iframe plein écran avec une hauteur de 100%
  • Comment puis-je implémenter l'accès URL de Cross Domain à partir d'un Iframe en utilisant Javascript?
  • 9 Solutions collect form web for “Comment accéder à la page parent iFrame en utilisant jquery?”

    Pour trouver dans le parent de l'utilisation iFrame:

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

    Le deuxième paramètre pour le wrapper $ () est le contexte dans lequel effectuer une recherche. Cette valeur par défaut est un document.

    Comment accéder à la page parent iFrame en utilisant jquery

    Window.parent.document.

    JQuery est une bibliothèque au dessus de JavaScript, pas un remplacement complet pour elle. Vous ne devez pas remplacer toutes les dernières expressions de JavaScript par quelque chose impliquant $.

    Si vous devez trouver l'instance jQuery dans le document parent (par exemple, appeler une fonction utilitaire fournie par un plug-in), utilisez une de ces syntaxes:

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

    Exemple:

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

    JQuery s'attache à l'objet window et c'est ce que window.parent est.

    Dans la fenêtre parent, mettez:

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

    Et dans le fichier src iframe:

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

    Cela fonctionne pour moi avec peu de torsion. Dans mon cas, je dois remplir la valeur du formulaire POPUP JS à PARENT WINDOW.

    J'ai donc utilisé $('#ee_id',window.opener.document).val(eeID);

    Excellent!!!

    Oui, cela fonctionne aussi pour moi.

    Remarque: nous devons utiliser window.parent.document

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

    Peut-être un peu en retard au jeu ici, mais je viens de découvrir ce fantastique plugin jQuery https://github.com/mkdynamic/jquery-popupwindow . Il utilise essentiellement un événement de rappel de OnUnload, donc il écoute essentiellement la fermeture de la fenêtre enfant et effectuera toutes les choses nécessaires à ce moment-là. Donc, il n'est vraiment pas nécessaire d'écrire un JS dans la fenêtre enfant pour revenir au parent.

    Vous pouvez accéder aux éléments de la fenêtre parent à partir d'un iframe en utilisant window.parent comme ceci:

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

    Quelle est la même chose que:

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

    Et si vous avez plus d'un iframe imbriqué et que vous souhaitez accéder à l'iframe supérieur, vous pouvez utiliser window.top comme ceci:

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

    Quelle est la même chose que:

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

    Il existe plusieurs façons de le faire.

    I) Obtenez directement le parent principal.

    Pour exa. Je souhaite remplacer ma page enfant par iframe puis

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

    Ici top.location obtient parent directement.

    II) obtenir les parents un par un,

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

    Ici si vous avez plus d'un iframe, spécifiez l'un ou l'autre visible ou visible.

    Vous pouvez également faire comme ceux-ci pour obtenir d'autres parents,

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

    III) obtenir parent par identifiant.

     var myWindow = window.top.$("#Identifier") 
    JavaScript rend le site Web intelligent, beauté et facile à utiliser.