如何创建编辑按钮才能在CRUD中正常工作？

Question

我正在做CRUD项目，总的来说我的代码在工作。但是只有我的代码之一无法正常工作，那就是“编辑”按钮。

$("editable.btn-primary").click(function(){
      $(".table").find('tr').eq(this.value).each(function(){
        $("#username").val($(this).find('td').eq(1).text());
        $("#password").val($(this).find('td').eq(2).text());
        $(".btn-info").val($(this).find('td').eq(0).text());
      });
      $(".btn-info").attr("name", "edit");
    });

我希望用户单击“编辑”按钮时数据可以编辑和更新

Answer 1

可能是可编辑按钮动态生成的元素。

还要检查是否editable是一个类，您需要更改为.editable.btn-primary

$(document).on('click','editable.btn-primary',function(){
      $(".table").find('tr').eq(this.value).each(function(){
        $("#username").val($(this).find('td').eq(1).text());
        $("#password").val($(this).find('td').eq(2).text());
        $(".btn-info").val($(this).find('td').eq(0).text());
      });
      $(".btn-info").attr("name", "edit");
    });