comment accéder à la page parent d'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 d'iFrame en utilisant jquery?

Pour rechercher dans le parent de l'iFrame, utilisez:

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

Le deuxième paramètre du wrapper $ () est le contexte dans lequel effectuer la recherche. Il s'agit par défaut du document.

comment accéder à la page parent d'iFrame à l'aide de jquery

window.parent.document.

jQuery est une bibliothèque au-dessus de JavaScript, pas un remplacement complet pour elle. Vous n'avez pas à remplacer chaque dernière expression JavaScript par quelque chose impliquant $.

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

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

Exemple:

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

jQuery est attaché à l' windowobjet et c'est ce qui window.parentest.

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

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

C'est la même chose que:

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

Et si vous avez plusieurs iframes imbriqués et que vous souhaitez accéder à l'iframe le plus haut, vous pouvez utiliser window.topcomme ceci:

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

C'est la même chose que:

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

dans la fenêtre parente:

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

et dans le fichier src iframe mis:

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

ouais ça marche aussi pour moi.

Remarque: nous devons utiliser window.parent.document

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

Cela fonctionne pour moi avec une petite touche. Dans mon cas, je dois remplir la valeur de POPUP JS au formulaire PARENT WINDOW.

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

Excellent!!!

Peut-être un peu tard pour le 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 onUnload, il écoute donc essentiellement la fermeture de la fenêtre enfant et effectuera toutes les tâches nécessaires à ce stade. Il n'y a donc vraiment pas besoin d'écrire de JS dans la fenêtre enfant pour revenir au parent.

Il existe plusieurs façons de procéder.

I) Obtenez directement le parent principal.

pour exa. je veux remplacer ma page enfant par iframe alors

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

ici top.location obtient le parent directement.

II) obtenir un parent un par un,

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

ici si vous avez plus d'un iframe, spécifiez un actif ou visible.

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

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

III) obtenir le parent par l'identifiant.

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