Come eseguire una funzione su più elementi selezionati

Guida jQuery

Andiamo a vedere come fare per eseguire la stessa funzione su più elementi selezionati con jQuery.

Il codice è semplicissimo!
Supponiamo di avere una situazione di questo tipo:

<div class="box-sito" id="box01">
    <!-- Altro HTML.. -->
</div>
<div class="box-sito" id="box02">
    <!-- Altro HTML.. -->
</div>
<div class="box-sito" id="box03">
    <!-- Altro HTML.. -->
</div>

Il nostro obbiettivo è stampare nella console l’id di ogni div contenente la classe “box-sito”.
Il codice JavaScript parla praticamente da solo:

$(".box-sito").each(function ()
{
    console.log(this.attr("id"));
});

In questo modo nella console otterremo la lista degli id dei box con la classe “box-sito”. Semplice, no?
 
Perché non scopri come migliorare la visibilità del tuo sito web?
Prova anche il nostro Editor HTML5 Online v2!