使用表格数据填写表格

Question

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

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

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

我做了个小提琴这里

我尝试过的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.

我在这里发现了很多技术，但是大多数技术不响应单击事件，或者返回空/空值，这是因为表单是动态填充的吗？

我是非常新的网页开发，任何帮助都将不胜感激。谢谢!

注意：数据库包含的不仅仅是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);
});