javascript-events - 使用 jquery 编辑功能

Question

我必须使用 javascript 在动态生成的行中进行编辑和删除功能。我坚持使用编辑功能。虽然我已经搜索过并且可以完成，但是使用了 php。我不需要 php 。有人可以告诉我如何以简单的方式制作它。

我得到了类似 <-----JS---------->

function Edit(){
        $('#edit').editable();
    }

但不知道如何实现。

动态生成行的代码

函数 addRow() {

var myName = document.getElementById("name"); var age = document.getElementById("age");

var table = document.getElementById("myTableData");

var rowCount = table.rows.length;
var row = table.insertRow(rowCount);


row.insertCell(0).innerHTML=myName.value;

row.insertCell(1).innerHTML= age.value;
row.insertCell(2).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';
//row.insertCell(3).innerHTML= '<input type="button" value = "Edit" onClick="Edit();" id="edit">';
//row.insertCell(4).innerHTML= '<input type="button" value = "Update" onClick="Javacsript:editRow(this)">';

}

Answer 1

function Edit(){
    $('#edit').attr('contenteditable','true');
}