Sélectionner une cellule sur le click d'une autre cellule

Bonjour tout-le-monde ! Je rencontre un petit souci en jQuery sur la sélection d'une cellule de tableau.
Voici le tableau en question :
Pièce jointe 169463

Prenons exemple sur la 3ème ligne, j'aimerais récupérer au click sur la dernière cellule ('Non') la valeur de la première cellule de la ligne associée (12).
J'ai essayé en utilisant .parent() et .delegate() mais je me perds un peu dans tout ça.

Si quelqu'un peut m'apporter son aide, j'en serais ravi. Merci d'avance :)

Salut,

tu as différentes options

Code:

---

1 2 3 4 5

$('table tr').on('click', 'td:last', function() { var $tr = $(this).closest('tr'); console.log($tr.find('td:first').html()); //12 });

---

ou alors quand tu construis ton tableau tu mets la valeur du premier td dans un attribut du dernier td, genre:

Code:

---

1 2	<td data-num="12">NON</td>

---

et ensuite

Code:

---

1 2 3 4

$('table tr').on('click', 'td:last', function() { console.log($(this).data('num')); //12 });

---

Bonjour,
Avec le bout de code html de la ligne, ce serait plus simple...

.parent().find('td:first-of-type').html() semble une bonne piste...

Citation:

---

ou alors quand tu construis ton tableau tu mets la valeur du premier td dans un attribut du dernier td

---

Ca me semble être de loin la meilleure méthode.
jQuery facilite pas mal de chose, mais c'est avant tout une bonne structure HTML qui permet de simplifier le développement JavaScript.

Merci beaucoup pour vos réponses, je pense que je vais partir sur la solution kakashi99 qui consiste à mettre la valeur du premier <td> en attribut sur le dernier. Mais pour y avoir accès je ne devrais pas plutôt faire :

Code:

---

console.log($(this).attr('data-num'));

---

Tu peux, mais c'est moins bien. :aie:
Les attributs data-* sont très pratiques et permettent un accès direct via l'API dataset que jQuery a repris en la rendant compatible pour les anciens navigateurs. Il est donc préférable d'utiliser .data('nom') pour récupérer la valeur de l'attribut data-nom="...".

D'accord, merci beaucoup pour l'information et la rapidité de vos réponses. :D

Bonne journée !