Comment récupérer la valeur d'un bouton cliqué

Bonjour,

Je ne trouve pas de réponse à mon problème d'obtenir la valeur d'un bouton cliqué dans un tableau construit avec des données externes :

Code:

---

1 2 3 4 5 6 7 8 9

$('#liste').append('<TR><TD><button class="my_button" >' + rang + '</button></TD>' ) $('#liste').append( '<td>' + codepostal + '</td>' ); $('#liste').append( '<td>' + nomville + '</TD>'); $('#liste').append( '<td>' + nom + '</TD>'); $('#liste').append( '<td>' + tel + '</TD>'); $('#liste').append( '<td>' + rue + '</TD>'); $('#liste').append( '<td>' + tag + '</TD>'); $('#liste').append( '<td>' + pro + '</TD>'); $('#liste').append( '<td>' + mode + '</TD></TR>');

---

Les div

Code:

---

1 2 3

<div id="annuaires" > <div id="liste" name="liste">Liste annuaires> </div> </div>

---

Le code Jquery l'alerte est vide

Code:

---

1 2 3 4 5

$("#annuaires").on('click', 'button', function(){   alert($('.my_button').val());   });

---

J'ai lu que pour obtenir un effet sur le click d'un élément n'existant pas dans la page il fallait s'appuyer sur un élément existant ici #annuaires les autres solutions ne fonctionnaient pas, cette appli. fonctionnait en javascript.

Je vous remercie de me donner une solution.

Meilleures salutations.

tu n'as pas mis d'attribut value à ton bouton il n'a donc pas de value

A+JYT
Merci de poster les question JQuery dans le forum JQuery

Je n'ai pas trouvé le forum.

J'ai effectué la correction dans l'alerte j'obtiens quelque soit la ligne cliquée la valeur de la première ligne du tableau.

Ligne modifiée

Code:

---

$('#liste').append('<TR><TD><button class="my_button" value="' + rang + '" >' + rang + '</button></TD>' )

---

Jquery modifié

Code:

---

1 2 3 4 5 6

$("#annuaires").on('click', 'button', function(){   alert($(this).attr("value"));     });

---

Mais c'est une piste.

Merci. Bonne soirée.

Bonjour,
:koi: tu "appendes" une TR à une DIV, il ne faudra pas se surprendre qu'un jour ou l'autre ton code ne fonctionne plus !

Une construction plus "propre" serait au moins

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

oTable = $('<table></table>'); oRow = $('<tr></tr>'); oRow.append('<td><button class="my_button" value="'+rang +'" >' +rang +'</button></td>') .append('<td>' + codepostal + '</td>' ) .append('<td>' + nomville + '</td>') .append('<td>' + nom + '</td>') .append('<td>' + tel + '</td>') .append('<td>' + rue + '</td>') .append('<td>' + tag + '</td>') .append('<td>' + pro + '</td>') .append('<td>' + mode + '</td>'); oTable.append( oRow); $('#liste').append( oTable);

---