[jQuery] Azioni su click con parametri

[Threepwood]

Salve a tutti, ho una pagina (generata con php) dove ho una serie di link di questo tipo

<a id="utente1" name="utente1" title="1">Cancella Utente 1</a>
<a id="utente2" name="utente2" title="2">Cancella Utente 2</a>
<a id="utente3" name="utente3" title="3">Cancella Utente 3</a>
....

In pratica: il click chiama una pagina (codice già pronto con ajax) passandogli l'id da cancellare.

Come predispongo il jquery che intercetta il click e soprattutto che prende l'id? (che potrei mettere, ad esempio, nell'attributo title...)

[alka]

In questi casi, io faccio uso dei cosiddetti Data Attributes, ovvero attributi personalizzati dove inserisco le informazioni che voglio associare a un elemento, come può essere l'ID dell'utente nel tuo caso.

Per esempi, vedi il link alla documentazione.

Quando intercetti l'evento usando JQuery, semplicemente puoi usare le funzioni preposte della libreria per leggere gli attributi che ti interessano sull'elemento che ha generato l'evento.

Mi è sempre sembrata una soluzione più "pulita" rispetto al "farcire" gli elementi con ID specifici usando prefissi particolare (che sono poi da interpretare o rimuovere) o classi CSS o altri espedienti ancora peggiori.

Ciao!

[Threepwood]

eh dai ci siamo quasi, ma mi funziona solo con il primo link

$('#utente').on('click', function() {
    alert($("#utente").attr("title"));
});

<a id="utente" name="utente" title="1">Cancella Utente 1</a>
<a id="utente" name="utente" title="2">Cancella Utente 2</a>
<a id="utente" name="utente" title="3">Cancella Utente 3</a>

Ho fatto una cosa simile a questa, ma l'alert lo caccia solo sul primo elemento...

Dimenticavo: i numeri dell'utente NON sono consecutivi, sono degli id variabili a db

[cavicchiandrea]

Documentati https://api.jquery.com/each/#each-function devi eseguire un ciclo sull’elemento dove si trova il dato (meglio usare una classe, ricordati che gli ID devono essere univoci) visto che generi i link dinamicamente sarebbe più veloce allo stesso modo inserire un click con il dato che devi passare alla funzione

[alka]

eh dai ci siamo quasi, ma mi funziona solo con il primo link

Per forza, hai scritto $('#utente'), ovvero stai agganciando l'evento al link che ha quell'ID, e l'ID è univoco nella pagina.

Oltre a questo, non capisco perché hai usato l'attributo title al posto di quello che ti ho segnalato io: sarebbe stata la stessa cosa, solo che lo peschi con una funzione diversa e non sei costretto a mostrare l'ID dell'utente quando vai sopra al link con il mouse, roba che viene letta anche da alcuni screen reader.

Al netto che ciascuno fa come vuole, se si danno suggerimenti e chi chiede aiuto fa di testa sua, tanto vale non sprecare tempo...

[Threepwood]

Perdonami, ma con jQuery vado a tastoni, non intenderla come un "faccio quello che voglio"
Ascolta, nominando i campi come utente1, utente2, etc... la chiamata da codice come la faresti?
intendo questa

$('#utente').on('click', function() {
alert($("#utente").attr("title"));
});

[alka]

Perdonami, ma con jQuery vado a tastoni, non intenderla come un "faccio quello che voglio"

Anche se vai "a tastoni", la soluzione e i riferimenti te li ho forniti, e puoi sempre studiarla.
E in caso di ulteriori dubbi, puoi sempre chiedere.

Ascolta, nominando i campi come utente1, utente2, etc... la chiamata da codice come la faresti?

Non capisco cosa intendi. In ogni caso, non ho voglia di scervellarmi per dirti come fare un accrocchio che è ben lontano da una soluzione efficace dopo aver perso tempo a fornirtela.

Scusa, ma non mi pare né logico né rispettoso.