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