Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/04/2014, 01:44
Avatar de madman_18
madman_18
 
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Pregunta Seleccionar elemento padre de un enlace

Buenas!

Creando mi menú querría hacer que cuando pulsen sobre el enlace cambie el estilo del <li> que lo contiene, pero no consigo terminar de ver el código

Mi bloque es el siguiente:
Código HTML:
Ver original
  1. <nav class="menu">
  2.                 <ul>
  3.                     <li><a href="#uno" class="activo">Uno</a></li>
  4.                     <li><a href="#dos">Dos</a></li>
  5.                     <li><a href="#tres">Tres</a></li>
  6.                     <li><a href="#cuatro">Cuatro</a></li>
  7.                     <div class="limpia"></div>
  8.          </ul>
  9. </nav>

Y el jQuery con el que estoy probando, consigo editar y cambiar clase al <a> pero me gustaría que la clase se editase sobre el <li> (llevando el <li> la clase "activo" o no)

Mi jQuery que funciona en los enlaces es:
Código Javascript:
Ver original
  1. $('.menu ul li a').click(function(){                    
  2.                     $('.menu ul li a').each(function(){
  3.                         if ($(this).hasClass('activo')){
  4.                             $(this).removeClass('activo');
  5.                             return false; // provocamos salida, no hay mas con activo
  6.                         }                        
  7.                     });                    
  8.                     $(this).addClass('activo');
  9.                 });
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"