Valori passabili con Javascript di più di quelli con JQuery

[Lux Eterna]

Salve a tutti!
So che il titolo è un po ambiguo ma non ne ho trovato uno migliore!

Con JavaScript tecnicamente posso passare alla relativa funzione di un evento diverse variabili:
es: onClick='miaFunzione(var1,var2,var3,var4...) -> function miaFunzione (a,b,c,d...)

Con JQuery come faccio? Piu che recuperare l'id, o la classe o in alcuni casi il valore, c'è un modo per assegnare a quel DOM altri valori univoci e non?????

Spero di aver reso l'idea!
grazie!!

[cavicchiandrea]

Mica tanto prova con un esempio
Di norma quello che fai con js lo puoi rifare con jquery basta conoscere entrambi bene

[Lux Eterna]

ok, allora voglio passare i valori citta, via e civico e id a una funzione Js:
markup:

[img]miaImmagine.jpeg[/img]"

JavaScript:

<script>
function mostraIndirizzo(citta,via,civico,id){
   alert (citta+", "+via+"n°"+civico+" L'id è:"+id);
}
</script>

Con Jquery come faccio a passare tutti quei dati per esempio?

[Vindav]

Una possibilità è questa:

$("#idImmagine").on("click",{citta:"Milano",via:"Via di milano",civico:"43",id="1"}, function(e){
  alert (e.data.citta+", "+e.data.via+"n°"+e.data.civico+" L'id è:"+e.data.id);
});

[Lux Eterna]

Bhe si certo se i valori sono valori noti all'altezza del codice Js non serve che li passo; e comunque non me li sta passando dal markup in quel modo...!

Se quei valori sono il frutto di una query SQL...

echo "<img src='miaImmagine.jpeg' onClick='miafunzione($row[citta],$row[via],$row[civico],$row[id]')  ";

come si fa?

[Vindav]

Se quei valori sono il frutto di una query SQL...

non cambia nulla, il mio era solo un esempio come d'altronde lo era il tuo, l'oggetto che passo alla funzione, nel mio esempio, è ricostruibile facilmente in php. Naturalmente puoi usare l'oggetto creato con php senza passarlo come parametro alla funzione

data = {citta:"Milano",via:"Via di milano",civico:"43",id:"1"};
$("#idImmagine").click(function(){
  alert (data.citta+", "+data.via+"n°"+data.civico+" L'id è:"+data.id);
});

ma visto che tu chiedevi come riscrivere il codice in jquery te l'ho impostato cosi.
Ora dici che devi richiamare la funzione dal markup allora ti rispondo usa i data-attributes di html5, se non ti va bene nemmeno cosi allora tieni la funzione che male non fa.

[cavicchiandrea]

Eempio terra terra

$("#idImmagine").on("click",{citta:"<? echo $row[citta];?>",via:"<? echo $row[via]; ?>",civico:"<? echo $row[civico]; ?>",id="<? echo $row[id]; ?>"}, function(e){
  alert (e.data.citta+", "+e.data.via+"n°"+e.data.civico+" L'id è:"+e.data.id);});

lascio a te l'integrazione lato php, ceratmente le due strade compilato al caricamento o in linea nell'oggetto la prima è un po più difficile da sviluppare

[mxa]

Io userei uno o più data-* attributes nel DOM generati server-side o hard coded se la pagina è statica, e leverei tutto il codice js dall'html.