Discussion :

[zerodeconduite]

Bonjour,
j'ai un tableau de 3 colonnes:

1. valeur
2. <button> supression
3. <button> edition

je souhaite récupérer la valeur de la cellule associée au <button> sur lequel j'aura cliqué

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<table>
             <tbody >
                {% for value in rows %}
                    <tr>
                        <td class="{{value.nom}}" >{{value.nom}}</td>
                        <td><button type="button">Editer</button></td>
                        <td><button type="button" >Supprimer</button></td>
                     </tr>
                {% endfor %}
            </tbody>
 </table>

le problème est qu'avec la boucle je récupère tjs la valeur de la toute première ligne quelque soit la provenance du <button> cliqué, j'ai utilisé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('td').attr('class')

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('td').text()

[NoSmoking]

Bonjour,
au click sur le <button> tu récupères le parent, l'élément <tr> dans ton code, puis tu récupères la 1st <td> de ce parent et ...

• .parent() et le reste est dans la documentation.

[zerodeconduite]

merci pour ton aide en remontant vers le parent, j'ai réussi à obtenir la valeur de la cellule associée au <button> supprimer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 $('.cible').click(function () {
            var res =  $(this).parent().siblings(":first").text();
            console.log(res);
           });

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<table>
             <tbody >
                {% for value in rows %}
                    <tr>
                        <td> {{value.nom}}</td>
                        <td><button type="button">Editer</button></td>
                        <td><button type="button" class="cible" >Supprimer</button></td>
                     </tr>
                {% endfor %}
            </tbody>
 </table>