Recorrer todos los elementos de una clase con jQuery

Para recorrer todos los elementos de una clase con jQuery utilizaremos un bucle «each», que nos permitirá acceder a cada elemento de la clase de forma consecutiva para realizar las operaciones oportunas.

En este ejemplo, recorro todos los elementos de la clase «view-details» y extraigo el texto que contiene el elemento HTML, aunque las posibilidades son infinitas.

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
$( document ).ready(function() {
    
    $(".view-details").each(function(){
    
        alert($(this).text());
    
    });

});
</script>

<div class="view-details">texto1</div>
<div class="view-details">texto2</div>
<div class="view-details">texto3</div>
<div class="view-details">texto4</div>

Si te ha sido de utilidad ¡deja un comentario!