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>
Código en vivo
Si te ha sido de utilidad ¡deja un comentario!