So erhalten Sie die ID der Schaltfläche, wenn geklickt wird, während sie geloopt wird

Question

[Ich verwende diese Schleife, um vorhandene Daten aus der Datenbanktabelle auszuwählen und sie dem HTML-Element zuzuordnen. es funktioniert gut, aber ich habe keine Ahnung, wie man seine ID auswählt, wenn auf die Schaltfläche geklickt wird.

Ich habe versucht mit document.GetElementByID, aber kann nicht bestimmte ID wählen, wenn auf die Schaltfläche geklickt wird. Irgendwelche Vorschläge, wie man die ID von diesem Knopf erhält, wenn er mit Javascript geklickt wird?

<?php 
include "connect.php"; 
$stmnt = "select * from tbl_category"; 
$run = $con->query($stmnt); 
$num=$run->num_rows; 
if($num>0) 
{ 
while($data = $run->fetch_array()){ 
$btn1 = $data['id']; 
echo $btn1; 
?> 
<button id="<?php $btn1;?>" class="btn"><?php echo $data['category']; ?> 
</button> 
<?php 
} 
} 
?>` 

Answer 1

Sie können wie folgt tun:

$("button").click(function() { 
    $(this).attr("id"); 
}); 

Oder alternativ können Sie auch prop() -Methode:

$("button").click(function() { 
    $(this).prop("id"); 
}); 

für die Dokumentation können Sie Reff:
https://api.jquery.com/attr/
https://api.jquery.com/prop/

Answer 2

verwenden Javascript-Funktion:

<button id="<?php $btn1;?>" class="btn" onclick="javascript:get_buttonid(this);"><?php echo $data['category']; ?> 
    </button> 
    <script> 
    function get_buttonid(ths){ 
     alert(ths.id); 
    } 
    </script>