Articulos PHP

Articulos Jquery

Articulos CSS

Articulos Mysql

2.5 Recorriendo un Array con $.each() de Jquery.

Suponiendo que en nuestra aplicaci贸n de javascript tengamos un array con el siguiente formato:

var datos={
聽 nombre:”Raymundo”,
聽 edad:17,
聽 genero:”masculino”
};

y necesitemos recorrer sus valores, entonces podemos utilizar el m茅todo de Jquery $.each(), el cual nos permite ir pasando por cada uno de los valores de un Array para poder ir procesando la informaci贸n.

Ahora para entender un poco mejor, supongamos que tenemos un array como el anterior dentro del c贸digo de nuestra aplicaci贸n de Jquery, el c贸digo ser铆a como sigue:

$(document).ready(function(){
var datos={
聽 nombre:”Raymundo”,
聽 edad:17,
聽 genero:”masculino”
};

});

Ahora bien, si quisi茅ramos recorrer el Array para ir generando una ventana emergente por cada elemento del array podr铆amos implementar el siguiente c贸digo usando el m茅todo $.each():

$.each(datos,function(index,contenido){
聽聽聽聽聽聽聽 alert(contenido);
});

El c贸digo anterior consta de los siguientes componentes:

  • La primera parte $.each(datos,function(index,contenido){}); sirve para especificar el array que se va a recorrer, en este caso “datos” y tambi茅n se especifica la variable que contendr谩 el 铆ndice de cada elemento del array, en este caso “index” 聽y tambi茅n se espec铆fica聽 la variable que almacenar谩 el valor de cada elemento del array en este caso “contenido”.
  • La 煤ltima parte alert(contenido); sirve para generar una ventana emergente mostrando el valor de cada elemento del array, dicho valor esta almacenado en la variable “contenido”.

 Uniendo todo el c贸digo, quedar铆a como se muestra a continuaci贸n:

$(document).ready(function(){
var datos={
聽 nombre:”Raymundo”,
聽 edad:17,
聽 genero:”masculino”
};

$.each(datos,function(index,contenido){
聽聽聽聽聽聽聽 alert(contenido);
});
});

Y como resultado del script, se generar铆an varias ventanas emergentes, cada una de las cuales contendr铆a uno de los siguientes valores:

1era. ventana : Raymundo
2da.ventana :17
3era.ventana:masculino





Copyright © 2013 LaWebDeRay
correo:lawebderay@gmail.com

Free Web Hosting