Foros del Web » Programando para Internet » Jquery »

Ocultar elementos dinamicos en jquery o js

Estas en el tema de Ocultar elementos dinamicos en jquery o js en el foro de Jquery en Foros del Web. al crear un elemento dinamico lo creo junto con un span cerrar quisiera cerrar solo ese elemento que se crea arriba y el mismo boton ...
  #1 (permalink)  
Antiguo 20/08/2015, 11:27
 
Fecha de Ingreso: agosto-2014
Mensajes: 48
Antigüedad: 5 años, 4 meses
Puntos: 1
Ocultar elementos dinamicos en jquery o js

al crear un elemento dinamico lo creo junto con un span cerrar quisiera cerrar solo ese elemento que se crea arriba y el mismo boton cerrar... no los demas botones y los demas elementos, que solo le afecte a uno y el comportamiento de los otros siga igual a menos que le de al cerrar que le corresponda. se que esto se hace con this pero no se usarlo


este es mi codigo


<html>
<head>
<title>asda</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div id="blog-test-cont">
<p class="blog-test">Pulsa para probar</p>

</div>
<script>
var bt_count = 0;
$("#blog-test-cont").on("click", ".blog-test", function(){
$(this).after("<p class=\"blog-test\">Pulsa para probar " + (++bt_count) + "</p>" + " <span class=\"cerrar\">cerrar</span>");



$(".cerrar").click(function(){
$(this).find('.blog-test').hide();
});


});
</script>
</body>
</html>
  #2 (permalink)  
Antiguo 20/08/2015, 12:16
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 1 mes
Puntos: 933
Respuesta: Ocultar elementos dinamicos en jquery o js

Del mismo modo en el que delegas el clic al párrafo para añadir uno nuevo, delega la función que lo oculta.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #3 (permalink)  
Antiguo 20/08/2015, 12:56
 
Fecha de Ingreso: agosto-2014
Mensajes: 48
Antigüedad: 5 años, 4 meses
Puntos: 1
Respuesta: Ocultar elementos dinamicos en jquery o js

Me podrias dar un ejemplo?

Gracias
  #4 (permalink)  
Antiguo 20/08/2015, 13:09
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 1 mes
Puntos: 933
Respuesta: Ocultar elementos dinamicos en jquery o js

El ejemplo lo has puesto tú, por eso te digo que lo hagas como cuando añades elementos. Eso que haces es delegar un evento y es la mejor forma de trabajar con elementos dinámicos.

Yo te recomiendo añadir cada par de elementos en un contenedor y luego adherir este al <div> principal.

Código Javascript:
Ver original
  1. $("#blog-test-cont").on("click", ".blog-test", function(){
  2.     $(this).after("
  3.        <div class = 'ejemplo'>
  4.            <p class = 'blog-test'>
  5.                Pulsa para probar " + (++bt_count) + "
  6.            </p>" + "
  7.            <span class = 'cerrar'>cerrar</span>
  8.        </div>
  9.    ");
  10. });

Y para eliminarlo:
Código Javascript:
Ver original
  1. $("#blog-test-cont").on("click", ".cerrar", function(){
  2.     //Tomamos al contenedor del <span> y, por ende, del párrafo y lo ocultamos
  3.     $(this).parent().hide();
  4. });

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #5 (permalink)  
Antiguo 20/08/2015, 13:38
 
Fecha de Ingreso: agosto-2014
Mensajes: 48
Antigüedad: 5 años, 4 meses
Puntos: 1
Respuesta: Ocultar elementos dinamicos en jquery o js

Me funciono perfecto. Gracias :)

Etiquetas: dinamicos, elementos, html, javascript, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:57.