javascript - 如何创建编辑按钮在 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");
    });