Vamos a repasar la función de jQuery each(), su funcionalidad es la de recorrer los elementos de un mismo tipo y a su vez ejecutar una acción por cada uno de ellos.
La función en PHP equivalente es foreach(). Otras post de jQuery interesantes son:
Veamos la sintaxis de esta función extraída de su web oficial:
$(selector).each(function(index,element));
Repasamos la sintaxis:
Vayamos con el primer ejemplo de each() para recorrer listas de un mismo id:
$(document).ready(function(){ $("#boton").click(function(){ $("#listas li").each(function(){ alert($(this).text()) }); }); });
Os explico el ejemplo:
El código HTML de la lista del ejemplo es el siguiente
<ul id="listas"> <li>Elemento lista 1</li> <li>Elemento lista 2</li> <li>Elemento lista 3</li> </ul> <input type="button" id="boton" value="Recorrer lista">
Vayamos con el otro ejemplo de jQuery each() para recorrer listas con selectores hijo:
$(document).ready(function(){ $("#boton").click(function(){ $("#listas li").each(function(){ alert($(this).attr('id')); }); }); });
Os explico el ejemplo:
El código HTML de la lista del ejemplo es el siguiente
<ul id="listas"> <li id="1">Elemento lista 1</li> <li id="2">Elemento lista 2</li> <li id="3">Elemento lista 3</li> </ul> <input type="button" id="boton" value="Recorrer lista">