0

所以我有一个表单，通过它向我的数据库添加条目，我试图使用相同的表单来更新/编辑数据库中的现有记录。

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

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

我在这里做了一个jsfiddle

我试过的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，但其中大多数不响应点击事件或返回空/空值，是因为表单是动态填充的吗？

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

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

4

1 回答 1

0 
$("#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);
});
于 2013-10-29T06:58:19.697 回答