Discussion :

[comme de bien entendu]

Bonjour, lorsque je capture en Jquery le click sur un des td, d'une ligne de mon tableau, j 'aimerais récupérer l'id correspondant ayant la valeur 1.
Mais je tourne en rond, j'ai essayé d'obtenir mon id_bddavec ceci mais sans succès. Est ce que quelqu'un aurait la bonne technique ? Merci d'avance.

Code :

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

1
2
3
$("td").click(function()
 {
var id_bdd = $(this).parent().children[0];

Voici le

Code html :

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

1
2
3
4
5
6
7
8
9
10
<tr>
  <td><input type="checkbox" name="checkbox"> </td>
  <td class="d-none" id="id" name="id">  1 </td>
  <td contenteditable="true" id="SEXE" type="text" name="SEXE">  M </td>
  <td contenteditable="true" id="NOM" "="" type="text" name="NOM">  Person </td>
  <td contenteditable="true" id="PRENOM" type="text" name="PRENOM">  Cecile </td>
  <td contenteditable="true" id="CODE_POSTAL" type="text" name="CODE_POSTAL">  63560 </td>
  <td contenteditable="true" id="MAIL" type="text" name="MAIL">  CecilePerson@ </td>
  <td contenteditable="true" id="TELEPHONE" type="text" name="TELEPHONE">  1000001 </td>
</tr>

[jreaux62]

bonjour,

Code :

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

    var id_bdd = $(this).siblings('td[id="id"]').text().trim();

mais ce n'est pas recommandé d'aller "fouiller" dans le contenu (text) d'un <td> (ou autre)...
... surtout s'il contient des espaces, comme ici (d'où l'utilisation de trim() ).


Si tu peux modifier les <tr>, le mieux est de leur affecté l'id_bdd dans un attribut data-* :

Code html :

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

1
2
<tr data-idbdd="........">
 <td>....

ensuite, on récupère facilement :

Code js :

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

1
2
3
4
5
6
7
$(function(){
  $('td').on('click', function() {
 
    var id_bdd = $(this).closest('tr').attr('data-idbdd'); // ou .data('idbdd')
 
  });
});

[comme de bien entendu]

Oui, rajouter une balise data, j'aurais du y penser, je fantasmais trop sur la solution magique du Jquery.
Merci bien.

[SpaceFrog]

LE contenu du td est toujours 1 ?? ou c'est juste l'id du premier td que tu veux ?

si le contenu doit être 1 tu peux faire un truc comme ça
https://jsfiddle.net/5t74286L/

[comme de bien entendu]

Bonjour SpaceFrog, l'id est variable, c'est un index généré par une table et que je veux conserver pour éditer la donnée. (la première ligne est à 1, la deuxiéme ligne à 2...)

[SpaceFrog]

j'ai édité mon post au dessus ...

le souci est que le tr contient aussi des espaces ...

tu peux les supprimer et tester le contenu numérique ...
https://jsfiddle.net/5t74286L/