Übergabe von Tabellenzeilenelement an eine js

Question

Ich habe eine Bootstrap-Tabelle, die Element aus einer Datenbank geladen werden. Ich habe eine js-Funktion, um eine Tabellenzeile aus der Datenbank zu löschen, also füge ich eine Schaltfläche in jeder Zeile der Tabelle hinzu.

<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%"> 
         <thead> 
         <tr> 
          <th>id</th> 
          <th>client</th> 
         </tr> 
         </thead> 

         <tbody> 
         <?php 
         require("config.php"); 
         // Create connection 
         $conn = new mysqli($host, $username, $password, $dbname); 
         // Check connection 
         if ($conn->connect_error) { 
          die("Connection failed: " . $conn->connect_error); 
         } 

         $sql = "SELECT * FROM users"; 
         $result = $conn->query($sql); 

         if ($result->num_rows > 0) { 
          // output data of each row 
          while ($row = $result->fetch_row()) { 
              $user_id=$row[0]; 
              $user_name=$row[1]; 
           ?> 

           <tr> 
           <!--here showing results in the table --> 
            <td><?php echo $user_id; ?></td> 
            <td ><?php echo $user_name; ?></td> 

            <td> 

             <input type="button" class="btn btn-danger btn-xs delete" value="Cancella sin id" onclick="deleteFunction()"/> 


            </td> 
           </tr> 

         </tbody> 
        </table> 

Wie kann ich passieren zu deleteFucntion die ID oder user_name, um sie in Javascipt wie folgt zu verwenden:

function deleteFunction() { 

    var username = #MY_ROW_USERNAME; 
    .... 
} 

Answer 1

TD sollte wie folgt aussehen

<td id="user_name_<?=$user_id?>" onClick="deleteFunction(<?=$user_id?>)"><?=$user_name?></td> 

Löschen-Funktion so

function deleteFunction(user_id) { 
    var username = document.getElementById('user_name_'+user_id).innerHTML; 
}