¿Ocultar contenido dentro de iframe?

Aquí está mi situación.

Tengo un archivo llamado iframe.html. que tiene el código en la parte inferior,

    Pluign Development     
click

y tengo el archivo test.html. que tiene el código en la parte inferior,

     Pluign Development   
prasanga karunanayake

aquí está el código js que he intentado,

 (function($){ var fire = { init:function(){ $('#sub') .on('click', function(){ $('#red', parent.document).css('display','none'); }); } }; fire.init(); }(jQuery)); 

Aquí está mi situación.

Necesito esconder

prasanga karunanayake

que está en el archivo test.html. si hago clic en

click

, oculte el contenido html que está en test.html.

Estoy bastante confundido, tu ayuda es apreciada.

Puede usar .contents() esta manera:

 $('#abc').contents().find('#red').hide(); 

Otra cosa es, ya que ha ajustado su código en un cierre que se ejecuta a medida que la respuesta de la página entra en el navegador. Entonces, es posible que este cambio de código no funcione.

En su lugar, le sugiero que ponga un bloque dom dom también para esto:

 (function($){ $(function(){ // <---add this block from here to var fire = { init:function(){ $('#sub').on('click', function(){ $('#abc').contents().find('#red').hide(); }); } }; fire.init(); }); //<----here }(jQuery)); 

Si la página cargada dentro del iframe no está en el mismo dominio que el marco principal, entonces no es posible usar JavaScript o CSS.

Esta es una característica de seguridad implementada en los navegadores web para evitar XSS (Cross site scripting).

Has probado

  $('#sub') .on('click', function(){ $('iframe #red').css('display','none'); }); 

EDITAR Primero busque el evento cuando el iframe se haya cargado, luego cree un controlador de eventos para capturar los clics en el #sub div, y finalmente encuentre el rojo en el iframe cargado y escóndalo

 $(function(){ var f=$('#abc') f.load(function(){ $("#sub").click(function(){ f.contents().find('#red').hide(); }); }) }) 

He intentado todas las respuestas anteriores, pero parece que nada funciona, pero encontré una forma como esta:

pon el iframe dentro de un div y ocúltalo al hacer clic

     Pluign Development     
click

y el código para ocultarlo es:

 $(document).ready(function(e) { $('#sub').click(function(){ $(".toHide").html(''); }); $('#sub').click(); }); 

o

 $(document).ready(function(e) { $('#sub').click(function(){ $(".toHide").css({"display":"none"}); }); $('#sub').click(); }); 

también tenga en cuenta que está colocando el archivo JS fuera del cuerpo, puede colocarlo dentro de la etiqueta del cuerpo o en la cabeza como lo hice

No puede ocultar lo que está en el iframe per se pero puede ocultar el iframe cambiando el src, así:

 $('#sub') .on('click', function(){ $('#abc').attr('src',''); });