Eliminar Div o partes de la página que muchas veces no queremos que sean visibles, ya sea que un diseño no se adapte bien por X o Y div de nuestra web, ahora podemos eliminarlo de manera sencilla unicamente colocando un código que podemos denominarlo muy sencillo.
Antes de todo, debes de llamar a la libreria de Jquery, ya que sin ella no funcionaria ninguno de los comandos; luego de incluirla en nuestras paginas podemos comenzar a usar codigo en Jquery.
Código: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
Luego podemos por comenzar a enseñarles a eliminar contenido de nuestra pagina, por ejemplo, para eliminar todas las DIV's podemos usar este código:
Código: <script>
$(document).ready(function(){
$('div').remove();
});
</script>
Si lo que queremos es eliminar una DIV en concreto podemos usar este código:
Código: <script>$(document).ready(function(){
$('#nombrediv').remove();
});</script>
*Cabe destacar que "nombrediv", es el nombre de nuestra div.
Si queremos eliminar algo mas concreto como por ejemplo un vinculo, podemos usar este código:
Código: <script>$(document).ready(function(){
$('a:contains("Texto del vinculo")').remove();
});</script>
*Sabiendo que "Texto del vinculo", es el texto que se encuentra para el vinculo.
Tambien podemos experimentar con clases y DIV's que contengan cierto texto, por ejemplo:
Código: <script>$(document).ready(function(){
$('.nav:contains("Texto contenido en la Clase .nav")').remove();
});</script>
* Sabiendo que "Texto contenido en la clase .nav" es el posible texto que se encuentra en esa clase; usandolo en un DIV, seria asi:
Código: <script>$(document).ready(function(){
$('#nombrediv:contains("Desaparecer div")').remove();
});</script>
Podemos recordarles que, el Jquery es muy estricto y respeta espacios, simbolos, minusculas y mayusculas por lo que el código solo funcionará de manera correcta cuando todos estos patrones esten bien definidos.
Espero les sea util.
Jeremy Molina.
Dudas: http://team-soporte.es.tl/Foros/thema-1-Desaparecer-contenido-con-Jquery.htm______________ Team-Soporte.
Moderador de PaginaWebGratis.es
www.team-soporte.es.tl | @jeremymolina
Ultima edición por team-soporte el Vie Jun 10, 2011 9:54 pm; editado 1 vez
|
