ejemplo de recorrer elementos de una clase con JQUERY en español

ejemplo de recorrer elementos de una clase con JQUERY en español

ejemplos de recorrer elementos de una clase en jquery

muchas veces necesitarás realizar la misma acción a muchos elementos que son del mismo tipo o de la misma clase para ello utilizaremos el método each() el cual te permite recorrer todos los elementos que pertenecen a la clase indicada.

y para que veas cómo funciona te dejo el siguiente ejemplo en el cual tenemos una lista desordenada con diferentes elementos o items y en la parte de programación le indicamos que realice un alert en cada uno de estos elementos indicándonos su indice y el texto que pone en él

 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$( "li" ).each(function( index ) {
alert( index + ": " + $( this ).text() );
});
});
</script>
</head>
<body>
<ul>
<li>JQUERY</li>
<li>PHP</li>
<li>AJAX</li>
</ul>
</body>
</html>

de esta manera no importa cuántos elementos tenga la lista desordenada jQuery recorrer a cada uno de estos elementos puesto que son de la misma clase y ejecutará en este caso un alert con su contenido