JQuery encontrar un elemento dentro de marco flotante (por su texto) y la adición de la función .click a ella

Question

Tengo una página web (A) y estoy a empotrar (A) a mi MainPage (B) usando iframe. Este (A) contiene un enlace que cierra la ventana del navegador:

<a href="" onclick="window.opener = window;
    window.close();
    return false;">Close The Page</a>

Desde que embedd (A), la estrecha capacidad en (A) no es más funcional. Lo que tengo que hacer es, cuando se hace clic en este enlace de (B), quiero ocultar mi iframe, es decir que se vea como cierre. Así que tengo que llegar a ese enlace en el iframe y entender si se hace clic o no (B)?

Ayuda por favor.

Gracias

Answer 1

Estoy pensando en el siguiente trabajo. Básicamente estamos realizando un "hallazgo" en el contenido de su marco flotante. Una vez que encontramos el enlace que queremos, nos atamos a un evento a ella que se cerrará el iframe adecuada en el documento principal. Tenga en cuenta que el marco flotante debe estar en el mismo dominio que la página principal, o usted no será capaz de acceder a sus elementos. Además, he añadido una clase para el enlace para que sea más fácil de la selección. Le sugiero que también hace esto.

$("#iframeID").contents().find("a.closeWindow").bind("click", function(){
  $("#iframeID", top.document).hide();
});

Si es absolutamente necesario basar la unión en el texto del enlace, que tendrá que pasar por los vínculos para encontrar el correcto uno:

$("a", $("#iframeID").contents()).each(function(){
  if ($(this).text() == "Close The Page") {
    $(this).bind("click", function() { 
      $("#iframeID", top.document).hide(); 
    });
  }
});