javascript - 使用表格数据填写表格

Question

所以我有一个表单，通过它我可以将条目添加到我的数据库中，我正在尝试使用相同的表单更新/编辑数据库中的现有记录。

我的页面由一个用于添加数据的表单和一个显示现有数据的表格组成。现有数据表的每个条目都有一个编辑列，该表是使用 php 动态填充的。

这就是我想要的，当用户单击任何行的编辑按钮时，该行中的数据应自动填充到表单中。

我做了一个jsfiddle here

我尝试过的JS脚本:

$("#tableID").on("click", ".edit_button", function() {
    var data = $(this).closest("td").siblings().map(function() {
        return $(this).text();
    }).toArray();

    console.log(data);
}); // the event is not recognized. no action on clicking.

我在 stackoverflow 上找到了很多技术，但大多数都不会响应点击事件或者返回 null/空值，这是因为表单是动态填充的吗？

我对网络开发非常陌生，任何帮助将不胜感激。谢谢!

注意: 数据库包含超过 20 条记录(动态添加)，在 Jsfiddle 中我只显示了 1 条，以保持代码简洁。抱歉缺少 CSS 样式:P

Answer 1

$("#tableID").on("click", ".edit_button", function() {
    var data = $(this).closest("td").siblings().map(function() {
        return $(this).text();
    }).toArray();

    console.log(data);
});

像这样使用可能会有帮助

$("#tableID").click( function() {
    var data = $(this).closest("td").siblings().map(function() {
        return $(this).text();
    }).toArray();

    console.log(data);
});