Foros del Web » Programación web » Javascript » Frameworks JS »

(Duda) Agregar clase css a un único elemento

Estas en el tema de (Duda) Agregar clase css a un único elemento en el foro de Frameworks JS en Foros del Web. Tengo una lista desordenada con 8 elementos li: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < ul >               < ...
  #1 (permalink)  
Antiguo 07/02/2012, 11:03
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.017
Antigüedad: 6 años, 7 meses
Puntos: 20
(Duda) Agregar clase css a un único elemento

Tengo una lista desordenada con 8 elementos li:

Código HTML:
Ver original
  1. <ul>
  2.               <li class="list"><a class="letter" href="#">A</a>
  3.               <li class="list"><a class="letter" href="#">B</a>
  4.               <li class="list"><a class="letter" href="#">C</a>
  5.               <li class="list"><a class="letter" href="#">D</a>
  6.                <li class="list"><a class="letter" href="#">A</a>
  7.               <li class="list"><a class="letter" href="#">B</a>
  8.               <li class="list"><a class="letter" href="#">C</a>
  9.               <li class="list"><a class="letter" href="#">D</a>
  10.           </ul>

Lo que necesito es:

Necesito agregar una clase .active en forma individual y que el resto de los elementos no queden activos.

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3.     $(document).ready(function() {
  4.  
  5.         $('.letter').click(function(event) {
  6.             $(this).parent().addClass('active');
  7.         });
  8.     });
  9.  
  10. </script>
__________________
_
  #2 (permalink)  
Antiguo 07/02/2012, 12:34
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 789
Antigüedad: 3 años, 7 meses
Puntos: 191
Respuesta: (Duda) Agregar clase css a un único elemento

Podés hacer algo así:
Código Javascript:
Ver original
  1. $(this).parent().addClass('active').siblings().removeClass('active');

Le asignás la clase active al padre y se la quitás a los hermanos del padre si la tienen.

Por cierto, esa forma de usar las clases está muy mal, le quita todo el propósito. Deberías usar la clase "lista" en el ul y nada más. Después los <li> los seleccionás con ".lista li" y los <a> con ".lista li a".
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 08/02/2012, 07:00
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.017
Antigüedad: 6 años, 7 meses
Puntos: 20
Respuesta: (Duda) Agregar clase css a un único elemento

Muchas gracias por todos.
__________________
_

Etiquetas: jquery
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 10:51.
SEO by vBSEO 3.3.2