Ver Mensaje Individual
  #12 (permalink)  
Antiguo 23/10/2010, 11:39
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años
Puntos: 65
Respuesta: Jquery: sacarle class a uno y ponersela al siguiente

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3.     <title>Pruebas</title>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  5. <script>
  6. $(function(){
  7.     //Al primer li le agrego la clase y guardo el objeto en la variable
  8.     active = $('li:first').addClass('activeslide');
  9.     $('#next').click(function(){
  10.         //al objeto que esta en 'active' le borro la clase, luego selecciono el siguiente y guardo en variable 'next'
  11.         next = active.removeClass('activeslide').next();
  12.         //Si existe un objeto en next (no se puede seleccionar algo luego de ultimo)
  13.         if (next.length){
  14.             //entonces le agrego la clase
  15.             active = next.addClass('activeslide');
  16.         } else {
  17.             //Si no hay elemento voy al primeto
  18.             active = $('li:first').addClass('activeslide');
  19.         }
  20.     });
  21. });
  22. </script>
  23. </head>
  24. <style>
  25.     .activeslide{ background: blue}
  26. </style>
  27. <body>
  28.     <ul>
  29.         <li>Uno</li>
  30.         <li>Dos</li>
  31.         <li>Tres</li>
  32.     </ul>
  33.     <a href="#" id="next">Next</a>
  34. </body>
  35. </html>