Recorrer un array con jQuery

Para recorrer un array con jQuery podemos utilizar el comando .each(). Su definición es:

jQuery.each( collection, callback(indexInArray, valueOfElement) )

Es decir pasamos como primer parámetro el array y como segundo una función que recibe como el índice del elemento recorrido y su valor.

Un ejemplo de su uso:

var obj = one: 1, two: 2, three: 3, four: 4, five: 5 ;

jQuery.each( obj, function( i, val ) 
 $( "#" + i ).append( document.createTextNode( " - " + val ) );
);

En el ejemplo anterior se crearían los siguientes textos:

-1

-2

-3

-4

-5

…colocados respectivamente dentro de elementos dentro del DOM cuyos identificadores sean: “one”, “two”, “three”, etc…

Recorrer un array con jQuery