Iterar arreglo con jQuery

javih · #1 (**permalink**) 08/09/2011, 14:51

Hola,

Intentaba iterar una varible (un array) pero no lo he conseguido ni tampoco he encontrado un ejemplo, podrían poner uno? con .each()

Gracias y saludos

maycolalvarez · #2 (**permalink**) 08/09/2011, 14:54

y que mejor que la misma api ¿?!!!: http://api.jquery.com/jQuery.each/

bigwhite · #3 (**permalink**) 08/09/2011, 14:58

Bueno...amigo, para empezar tienes dos tipos de each():

http://api.jquery.com/jQuery.each/
http://api.jquery.com/each//

Para iterar sobre una variable (no un selector),... seria el primero

Cita:

<!DOCTYPE html>
<html>
<head>
<style>
div { color:blue; }
div#five { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>
<script>
var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one:1, two:2, three:3, four:4, five:5 };

jQuery.each(arr, function() {
$("#" + this).text("Mine is " + this + ".");
return (this != "three"); // will stop running after "three"
});

jQuery.each(obj, function(i, val) {
$("#" + i).append(document.createTextNode(" - " + val));
});
</script>

</body>
</html>

javih · #4 (**permalink**) 08/09/2011, 15:43

maycolaalvarez ya había mirado la api (no soy tan gandúl), pero no había visto ningún ejemplo con una variable sino con listas http://api.jquery.com/each/

Pero en esta url si que hay un ejemplo con variables: http://api.jquery.com/jQuery.each/

bigwhite muy bueno el ejemplo.

gracias por las respuestas

Saludos

PD: es más llevo un mes a ver como puedo añadir la doc y el autocompletado en el IDE y aún no lo he conseguido y no porque no haya preguntado en varias listas y foros o buscado en los motores de búsqueda. A ver si eso está en la api maycolaalvarez, porque me harías un gran favor...