Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/03/2013, 21:06
reynierpm
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 140
Antigüedad: 13 años, 11 meses
Puntos: 1
Cambiar clase "active" a elemento seleccionado

Hola, tengo el siguiente marcado HTML:
Código HTML:
<ul class="nav">
  <li class="active"><a href="#">Enlace 1</a></li>
  <li><a href="#">Enlace 2</a></li>
  <li><a href="#">Enlace 3</a></li>
</ul> 
y necesito cambiar la clase "active" al elemento sobre el cual haya hecho clic. He probado con los siguientes codigos:
Código:
$(function() {
    $('.nav li a').click(function(e) {
        e.preventDefault();
        var $this = $(this);
        $this.closest('ul').children('li').removeClass('active');
        $this.parent().addClass('active');
    });
});
Código:
    $('.nav li a').click(function(e) {
        e.preventDefault();
        var $this = $(this);
        $this.closest('ul').children('li').removeClass('active');
        $this.parent().addClass('active');
    });
Y no me funciona que estoy haciendo mal?
__________________
Reynier Perez Mira
Skype: reynierpm
Site: http://www.reynierpm.com