如何在循环播放时点击按钮的ID

Question

[我正在使用此循环从数据库表中选择现有数据并将它们分配给html元素。它工作正常但我不知道如何在单击按钮时选择其ID。

我尝试使用document.GetElementByID但在单击按钮时无法选择特定ID。有关如何使用javascript点击该按钮的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

你可以这样做：

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

或者您也可以使用prop（）方法：

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

您可以参考的文件：
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>