ループ中にクリックしたときにボタンのIDを取得する方法

Question

[私はこのループを使用して、データベーステーブルから既存のデータを選択し、それらをhtml要素に割り当てます。それはうまく動作しますが、ボタンをクリックしたときにIDを選択する方法がわかりません。

document.GetElementByIDを使ってみましたが、ボタンをクリックしたときに特定のIDを選択できませんでした。 javascriptを使用してクリックしたときにそのボタンのIDを取得する方法に関する提案はありますか？あなたがREFFできるドキュメントの

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

：
あなたも小道具（）メソッドを使用することができます

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

または代わりに：このようなあなたが行うことができます

<?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

https://api.jquery.com/attr/
https://api.jquery.com/prop/

Answer 2

利用javascript関数：

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