Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

In questo breve articolo volevamo mostrare come selezionare con jQuery un gruppo di elementi con una data classe ad eccezione di quelli che che ne hanno un’altra.
 
Prendiamo ad esempio in conseiderazione il seguente codice HTML:

<ul>
    <li class="bianco">Bianco</li>
    <li class="bianco verde">Bianco Verde</li>
    <li class="bianco">Bianco</li>
    <li class="bianco verde">Bianco Verde</li>
    <li class="bianco">Bianco Verde</li>
</ul>

Alcuni elementi hanno solo la classe bianco, altri hanno 2 classi: bianco e verde.
Noi vogliamo selezionare solo gli elementi che hanno la classe bianco, ma non la verde.

Con jQuery è molto semplice, du seguito riportiamo 3 possibili modi:

        $(‘.bianco:not(.verde)’).css(‘color’,‘#eee’);
        $(‘.bianco’).not(‘.verde’).css(‘color’,‘#eee’);
        $(‘.bianco’).not($(‘.verde’)).css(‘color’,‘#eee’);

Nel primo caso abbiamo usato il selettore :not, negli altri 2 casi abbiamo usato il metodo .not().
In due casi abbiamo usati

 

Twitter