La función jQuery each() nos permite recorrer diferentes conjuntos de datos, como arrays u objetos. jQuery.each() es una de las funciones más utilizadas en jQuery.
Sintaxis:
$(selector).each(function(index, element)) $.each(function(index))
$.each() es esencialmente un reemplazo directo de un bucle tradicional for o for..in.
Ejemplo 1: este ejemplo salta el paso 4 a la siguiente iteración, es decir, el paso 5.
HTML
<!DOCTYPE html>
<html>
<head>
<title>jQuery.each() method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<script>
var arr = ["Step1", "Step2",
"Step3", "Step4", "Step5"];
$.each(arr, function (i) {
if (arr[i] === "Step4") {
return;
}
document.write(arr[i] + ' ');
});
</script>
</body>
</html>
Producción:
Step1 Step2 Step3 Step5
Explicación: en el código anterior, puede ver que cuando la iteración llega a «i = 4», la condición «si» se convierte en «verdadero» que devuelve un valor no falso. Por lo tanto, se salta la siguiente iteración, es decir, el Paso 4.
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<title>jQuery.each() method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<script>
var arr = [1, 2, 3, 4, 5];
$.each(arr, function (i) {
if (arr[i] === 3) {
return true;
}
document.write(arr[i] + ' ');
});
</script>
</body>
</html>
Producción:
1 2 4 5
Publicación traducida automáticamente
Artículo escrito por abhishekr0ut y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA