JSFiddle - React, Tailwind, and code Playground

HTML

<table id="foo">
<tr>
  <td><input type="checkbox" name="checkbox"> </td>
  <td class="d-none" id="machinchose" 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>
</table>

JavaScript

$(function(){

$('#foo tr').on('click', function(){
myid=$(this).children().filter( function(){ return $(this).html().replace(/\D/,'') == 1; }).attr('id');
console.log ( myid );

});


})