Problema $(this).addclass

[luca9]

Ciao,

Ho un problema con uno script in jquery che ho realizzato per assegnare al click su un'immagine una classe all'elemento stesso.

Ho però un problema. Al click la classe viene aggiunta ma vorrei fare in modo che al click su un altra immagine (contenuta nello stesso div) venga tolta la classe dall'immagine cliccata prima e si applichi alla nuova immagine cliccata.

Da come ho fatto adesso, mi ritrovo tutte immagini che cliccate hanno tutte la stessa classe, mentre io vorrei solo un immagine con una classe.

Ecco parte del codice:

<div class="div91">
    <img id="color" class="91" onclick="$('#select_0').val('91'), $(this).addClass('border')" name="color" src="/images/colori/91.png"></img>   
    <p class="p91" style="display: none;"></p>
</div>

<div class="div89">
    <img id="color" class="89" onclick="$('#select_0').val('89'), $(this).addClass('border')" name="color" src="/images/colori/89.png"></img>   
    <p class="p89" style="display: none;"></p>
</div>

Dove ho sbagliato?

[cavicchiandrea]

prova cosi con il ; (punto virgola) al posto della , (virgola) onclick="$('#select_0').val('91'); $(this).addClass('border')"
Fai attenzione che ripeti id select_0 che deve essere univoco sicuro vada bene?

[luca9]

Ciao, si l'aggiunta della classe funziona solo che vorrei far comparire la classe solo al'immagine cliccata.

Cerco di farmi capire meglio.

- clicco sull'immagine 1 e viene aggiunta la classe
- clicco sull'immagine 2 e viene aggiunta la classe

Cosi mi ritrovo due immagini con la classe aggiunta. Io voglio fare in modo che succeda invece...

- clicco sull'immagine 1 e viene aggiunta la classe
- clicco sull'immagine 2, tolgo la classe dall'immagine 1 e mi viene aggiunta la classe all'immagine 2
- clicco sull'immagine 3, tolgo la classe dall'immagine 1 e immagine 2 e mi viene aggiunta la classe all'immagine 3

[Vindav]

al click rimuovi la classe border a tutti gli elementi con nome color e la aggiungi al solo elemento cliccato

[cavicchiandrea]

<div class="div91">
    <img id="_91" class="color" onclick="$('#select_0').val('91');$('.color').removeClass('border'); $(this).addClass('border')" name="color" src="/images/colori/91.png"></img>   
    <p class="p91" style="display: none;"></p>
</div>

ho invertito id e classe per il fatto che l'id deve essere univo

[luca9]

Grazie! Scusate ma non mi era venuto in mente di invertire l'evento jquery.

La stanchezza!

Grazie ancora