for tradicional o con El caso práctico se encuentra en el siguiente enlace.
HTML
En elbody únicamente tenemos un div. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery for each</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div></div>
</body>
</html> JavaScript + jQuery
Declaramos la variabletallas que es un array que contiene ocho tallas de camisa.Con el
for tradicional listamos las tallas en la página web con ayuda de append que añade las diferentes tallas al div, incluyendo cada una del loop al final.Con
each le pasamos el array y como segundo argumento lleva una función que lleva a su vez dos argumentos. El primero de ellos es el índice, index que hemos llamado i, y el segundo argumento es el valor del array que se va recorriendo secuencialmente. 'use strict'
$(function(){
var tallas=["XXS","XS","S","M","L","XL","XXL","3XL"];
for(let i=0;i<tallas.length;i++){
$('div').append(tallas[i]+" ");
};
$.each(tallas, function(i,valor){
console.log(i+": "+valor);
});
});
No hay comentarios:
Publicar un comentario