JQuery e Id.

**Hans Castorp** · 03-08-2014, 09:31

Un saluto a tutti.
Il mio problema è il seguente: avrei bisogno di applicare a tutti i div contrassegnati con una loro "id" una stessa modifica del css tramite jquery (e segnatamente un mouseover e mouseleave), in modo tale che ognuno di essi si modifichi, ma singolarmente.
Ho pensato a due possibili soluzioni, ma per entrambe non sono riuscito a trovare una risposta.
1. Dare un comando nello script per cui tutte le "id" variano singolarmente allo stesso modo.
2. Assegnare ai singoli div, oltre che la sua "id", anche una "class", intervenendo su quest'ultima.
Ho fatto diverse prove con la seconda soluzione, ma inutilmente. Forse è un problema di sintassi che non so ancora usare bene.
Grazie a chi vorrà rispondere.

**Azucchi** · 03-08-2014, 10:13

Originariamente inviata da Hans Castorp

Un saluto a tutti.
Il mio problema è il seguente: avrei bisogno di applicare a tutti i div contrassegnati con una loro "id" una stessa modifica del css tramite jquery (e segnatamente un mouseover e mouseleave), in modo tale che ognuno di essi si modifichi, ma singolarmente.
Ho pensato a due possibili soluzioni, ma per entrambe non sono riuscito a trovare una risposta.
1. Dare un comando nello script per cui tutte le "id" variano singolarmente allo stesso modo.
2. Assegnare ai singoli div, oltre che la sua "id", anche una "class", intervenendo su quest'ultima.
Ho fatto diverse prove con la seconda soluzione, ma inutilmente. Forse è un problema di sintassi che non so ancora usare bene.
Grazie a chi vorrà rispondere.

Non è chiaro quando dici: "una stessa modifica, ma che ognuno si modifichi singolarmente".

P.S. Rileggendo ho capito

**Azucchi** · 03-08-2014, 10:46

Stessa modifica, ma singolarmente, senza assegnare classi o id (da adattare al tuo caso)

codice:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p").mouseover(function(){
    $(this).css("background-color","yellow"); /*modifica il css di questo (this) paragrafo 
                                             al passaggio del mouse sopra di esso*/
  });
  $(this).mouseout(function(){
    $("p").css("background-color","lightgray");
  });
});
</script>
</head>
<body>


<p>Move the mouse pointer over this paragraph.</p>
<p>PROVA</p>


</body>
</html>

**Hans Castorp** · 03-08-2014, 14:32

Fortunatamente sono riuscito a spiegarmi. ;-)
Grazie Azucchi, stasera provo e ti faccio sapere.
Saluti.

**Hans Castorp** · 03-08-2014, 14:43

Ma è meraviglioso. Grazie mille.

**Azucchi** · 03-08-2014, 14:49

Originariamente inviata da Hans Castorp

Ma è meraviglioso. Grazie mille.

Figurati

**Hans Castorp** · 04-08-2014, 12:48

Benissimo: con "this" sono riuscito ad evitarmi un po' di righe di codice.
Adesso vorrei selezionare due classi a cui dare lo stesso comando in uno stesso script, senza duplicarlo: per riprendere l'esempio che mi hai trascritto sopra, al posto del selettore $("p") o del mio $(".class") cosa devo scrivere per aggiungere un'altra classe nello stesso comando?
Grazie, saluti.

**cavicchiandrea** · 04-08-2014, 13:33

$(".classe1, .classe2") http://api.jquery.com/

**Hans Castorp** · 04-08-2014, 15:10

Originariamente inviata da cavicchiandrea

$(".classe1, .classe2") http://api.jquery.com/

Grazie. Sono ancora nelle peste, ma spero di cavarmela da solo adesso.
Grazie ancora, saluti.

**Hans Castorp** · 04-08-2014, 20:54

Ottimo, tutto risolto. Grazie a tutti. Ho anche imparato ad usare il comando "not this", veramente potentissimo.
Sono neofita, ma mi diverto un casino.

Discussione: JQuery e Id.

Strumenti discussione

Ricerca discussione

Visualizza

JQuery e Id.

Permessi di invio