javascript-events - jquery を使用して機能を編集する

Question

JavaScript を使用して、動的に生成された行の編集および削除機能を作成する必要があります。私は編集機能にこだわっています。私は検索しましたが、それは可能ですが、その中でphpが使用されています。php は必要ありません。簡単な作り方を誰か教えてください。

私は <-----JS----------> のようなものを手に入れました

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

しかし、それを実装する方法がわかりません。

行の動的生成のコード

関数 addRow() {

var myName = document.getElementById("名前"); 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)">';

}