Cuando usar each(function()

Carxl · #1 (**permalink**) 27/12/2009, 00:02

Hola a todos, cómo van?

Una pregunta que me ha surgido a medida que voy conociendo este framework...

Cuando se usa each(function()?? Digo yo, se usa cuando quiero realizar algún proceso con ese evento?

Un ejemplo:

Código Javascript:

Ver original$("#miSelect option").each(function() {
    alert($(this).val())
});

En este caso no debería usarse change??

Saludos y gracias!

gabrielperezs · #2 (**permalink**) 28/12/2009, 04:19

Hola,

Each se utiliza para "recorrer" los elementos que están dentro del elemento al que has hecho referencia.

Código HTML:

Ver original<body>
<ul>
<li class="first">Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</body>

Por ejemplo, si quieres hacer algo con los <LI> que están dentro de un <Ul>:

Código Javascript:

Ver original$("ul li").each(function(i) {
     $(this).style.color('red');
});

Pero si solo quieres hacer algo con un solo elemento, no hace falta each:

Código Javascript:

Ver original$("ul li.first").style.color('red');

Each te permite recorrer todo tipo de elementos array, object, etc..
[URL="http://docs.jquery.com/Utilities/jQuery.each#objectcallback"]http://docs.jquery.com/Utilities/jQuery.each#objectcallback[/URL]

Espero que te sirva, un saludo.

Carxl · #3 (**permalink**) 28/12/2009, 14:10

Ok man! Entendido!

Pero una pregunta mas... Por qué colocaste "i" en tu primer ejemplo? function(i)?

Saludos y gracias!

mayid · #4 (**permalink**) 30/12/2009, 08:25

A mi entender, ese paso de variables (i) reemplazaria a $(this). Pero lo mejor seria que lo pruebes con esto:

alert(i);

para saber que retorna. Es usual declarar variables para manejar los elementos de un array.

Dany_s · #5 (**permalink**) 30/12/2009, 08:53

puede tener 2 parámetros
el primer parámetro de la funcion te devuelve el indice en el array y el segundo el elemento

Código HTML:

var arr = ["uno", "dos", "tres"];
$.each(arr, function(i, val) {
     alert ("indice: "+i+" valor: "+val);
});