Ver Mensaje Individual
  #5 (permalink)  
Antiguo 01/01/2013, 09:36
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: [JQuery] Referenciar el sgte elemento con determinada clase

Viendo la estructura, en un principio pensé que la solución era la de @ryugen, pero no me funcionó. (un detalle, a la clase mi_link le falta el punto)

Lo pude resolver asi

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. $(document).ready(function(){
  10. $('a.mi_link').click(function(event){
  11. var f = this.className.split(' ')[1] ;
  12. //console.log(f);
  13. $("a."+f).next('div.' + f).text('xx');
  14. });
  15. });
  16.  
  17. //]]>
  18. </head>
  19. <a href="#" class="mi_link uno">link</a>
  20. <div class="block uno">bloque 1</div>
  21.  
  22. <a href="#" class="mi_link dos">link</a>
  23. <div class="block dos">bloque 2</div>
  24.  
  25. <a href="#" class="mi_link tres">link</a>
  26. <div class="block tres">bloque 3</div>
  27.  
  28. </body>
  29. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.