La función each() en jQuery itera a través de objetos y arrays. Las arrays que tienen la propiedad de longitud se recorren desde el índice 0 hasta la longitud-1 y mientras que las arrays como los objetos se recorren a través de sus nombres de propiedades.
Sintaxis:
$.each('array or object', function(index, value){
// Your code
})
En esta función .each(), se proporciona una array o un objeto como primer argumento y una función de devolución de llamada. Esta función de devolución de llamada toma opcionalmente dos parámetros que son índice y valor. Por lo tanto, tenemos que pasar una función de devolución de llamada a cada método().
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!-- using jquery library -->
<script src=
"https://code.jquery.com/jquery-git.js">
</script>
</head>
<body>
<script>
let arr = [10, 20, 30, 40, 50];
$.each(arr, function (index, value) {
document.write(index + ": " + value + "<br>");
});
</script>
</body>
</html>
Producción:
$(selector).each(): También podemos romper el bucle antes de tiempo devolviendo falso desde la función de devolución de llamada. Es lo mismo que la función each() anterior, pero itera sobre los elementos DOM del objeto JQuery y puede ejecutar una función para cada elemento.
Sintaxis:
$('selector').each(function(index, value){
// Your code
})
Solo acepta una función de devolución de llamada que se ejecuta para cada elemento seleccionado.
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!-- using jquery library -->
<script src=
"https://code.jquery.com/jquery-git.js">
</script>
</head>
<body>
<p>para-1</p>
<p>para-2</p>
<p>para-3</p>
<p>para-4</p>
<p>para-5</p>
<script>
$("p").each(function (index) {
console.log(index
+ ": " + $(this).text());
});
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por hritikrommie y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA