javascript - 如何控制 Bootstrap 表上的按钮操作

Question

我有一个 Bootstrap 表，我从开始时间到结束时间的用户输入中填充该表，该输入是从带有来自mysql的值的日历中选择的，并且我使用ajax发布该值，在同一个ajax帖子上我发送按钮也如下所示:

button: "<button type=\"button\" class=\"btn btn-default\">Image</button>"

我会得到一个看起来像这样的表格:

如何控制每个按钮的功能？

比方说，如果我按第一个，它会console.log 13940(重量值)，当我按第二个时，它会console.log 13000？

此外，我还想提供更多功能，例如，当按下某个按钮时，根据添加的日期进行 SQL 查询，并控制台记录与该添加的日期关联的数据库中的值？

Answer 1

<button type=\"button\" data-id=\"13940\" class=\"getid btn btn-default\">Image</button>

点击此按钮后，您将获得 id

$('.getid').on('click', function(){
     // you can make ajax call here to get data
     console.log($(this).data('id'));
}); 

你可以从中得到基本的想法。