Ver Mensaje Individual
  #8 (permalink)  
Antiguo 01/01/2013, 10:56
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

Cita:
Iniciado por Finseneu Ver Mensaje
emprear, lo que busco es lograrlo sin tener que asignar clases unicas a cada link/bloque
Alguna forma de diferenciar los class de los links habría que tener. Se puede hacer buscando el indice de ese elemento dentro del array() de la clase, asi funciona:

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>index() + next()</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 indice = $("a.mi_link").index(this);
  12. $($('a.mi_link')[indice]).next('.block').text('xx');
  13. });
  14. });
  15. //]]>
  16. </head>
  17. <a href="#" class="mi_link">link</a>
  18. <div class="block">bloque 1</div>
  19. <a href="#" class="mi_link">link</a>
  20. <div class="block">bloque 2</div>
  21. <a href="#" class="mi_link">link</a>
  22. <div class="block">bloque 3</div>
  23. </body>
  24. </html>

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