Javascript 如何控制引导表上的按钮操作

我有一个引导表，我通过从日历中选择的开始时间-结束时间用户输入填充，其中包含mysql中的值，我使用ajax发布这些值，在同一个ajax发布中，我发送按钮，如下所示：

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

按钮：“图像”

我会得到一张像这样的桌子：

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

如何控制每个按钮的功能

比如说，如果我按下第一个按钮，它将显示console.log 13940（重量值），当我按下第二个按钮时，它将显示console.log 13000

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

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

---

您可以从中获得基本的想法。

当您用Html绑定按钮时，添加按钮的id，该id是唯一的id

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

图像

编辑

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

图像

下面的代码将为您提供值

$("button").click(function(){
      var ref = $(this).parent().parent().find("tr:first-child").text();
     console.log(ref);
});

注意：只需尝试添加或删除parent（）函数即可获得精确引用。

---

此代码在不接触实际代码的情况下工作

每次单击.console.log（此）并检查所获得的内容时，我都会在控制台中得到未定义的数据id按钮