我无法从php到javascript获得按钮的id

Question

我希望从获取的PHP文件中获取按钮id，并在javascript中使用它。

这是我的javascript代码

$("#heys").click(function(){
   var fruitCount = $(this).attr('data-fruit');
   console.log(fruitCount);
});

这个按钮来自我的PHP代码

<td class="p-5 w-1/4 flex">
    <button  type="button" class=" text-white bg-gray-800 hover:bg-gray-900 focus:outline-none focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700"><a href="approve?approvid='.$id.'">Approve</a></button>
    <button  type="button" id="heys" data-fruit="<?php echo $id ?>" class="heys text-white bg-gray-800 hover:bg-gray-900 focus:outline-none focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700">DECLINE</button>
</td>

请帮帮忙。谢谢

Answer 1

可能您的脚本在呈现HTML of PHP文件之前运行。

您能否尝试将Javascript代码包装好并准备好文档？

$( document ).ready(function() {
  $("#heys").click(function(){
    var fruitCount = $(this).attr('data-fruit');
    console.log(fruitCount);
  });
});