Foros del Web - Ver Mensaje Individual - Cambiar clase "active" a elemento seleccionado

chuidiang · #3 (**permalink**) 13/03/2013, 07:32

Hola:

He copiado tu código todo junto, he añadido un style para ver el cambio y parece que funciona bien, el puntito de delante de los <li> se cambia de color

Código HTML:

Ver original<html>
   <head>
      <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
      <style>
         .active {
            color:red;
         }
      </style>
   </head>
   <body>
      <script>
      $(function() {
       $('.nav li a').click(function(e) {
           e.preventDefault();
           var $this = $(this);
           $this.closest('ul').children('li').removeClass('active');
           $this.parent().addClass('active');
       });
      });
   </script>
   <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> 
</body>
</html>

Se bueno.