domingo, 20 de enero de 2013

Método each en jquery y alternativa de optimización

Retomando el uso de javascript y jQuery para hacer todas esas cosas que se ven bonitas en los navegadores. me encontré con la necesidad de iterar sobre elementos de algún grupo o contenidos dentro de un elemento. Ya se que es una tarea de lo más cotidiana pero ya no recordaba como hacerlo después de dejar de programar una larga temporada. Los elementos que se pueden inerar son como por ejemplo los "li" dentro de un "ul" o los "option" dentro de un "select" o todos los "img" de la pagina o los "a" o muchos otros elementos html que se te puedan ocurrir.

A continuación quiero incluir un uso clásico a manera de ejemplo simplemente, que para quien quiere iterar con el método each puede resultar una solución que va directo al grano:

$('a').each( function(){
  var $this = $(this);
  $this.css( 'text-decoration' , 'underline' );
});

Ahora quiero incluir un link a una entrada donde encontré este ejemplo pero además viene la posibilidad de optimizar el método each en situaciones donde son demasiados elementos y el tema del rendimiento cobra vital importancia.


¡¡¡Saludos javer@s!!!

No hay comentarios:

Publicar un comentario