Discussion :

[Draakh]

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 :


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

[kakashi99]

Salut,

tu as différentes options

Code :

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

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 html :

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

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

et ensuite

Code :

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

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

[Invité]

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...

[Bovino]

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.

[Draakh]

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 :

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

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

[Bovino]

Tu peux, mais c'est moins bien.
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="...".

[Draakh]

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

Bonne journée !