Trouver la syntaxe Jquery pour un id d'un des elements <td>

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:

---

1 2 3

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

---

Voici le

Code:

---

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>

---

bonjour,

Code:

---

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:

---

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

---

ensuite, on récupère facilement :

Code:

---

1 2 3 4 5 6 7

$(function(){ $('td').on('click', function() {   var id_bdd = $(this).closest('tr').attr('data-idbdd'); // ou .data('idbdd')   }); });

---

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

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/

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

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/