Answered by : cautious-crab-h8t02w4k75gq
$(function(){ //Add, Save, Edit and Delete functions code $(".btnEdit").bind("click", Edit); $(".btnDelete").bind("click", Delete); $("#btnAdd").bind("click", Add);
});
Source : http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721 | Last Update : Mon, 28 Sep 20
Answered by : cautious-crab-h8t02w4k75gq
function Edit(){ var par = $(this).parent().parent(); //tr var tdName = par.children("td:nth-child(1)"); var tdPhone = par.children("td:nth-child(2)"); var tdEmail = par.children("td:nth-child(3)"); var tdButtons = par.children("td:nth-child(4)"); tdName.html("<input type='text' id='txtName' value='"+tdName.html()+"'/>"); tdPhone.html("<input type='text' id='txtPhone' value='"+tdPhone.html()+"'/>"); tdEmail.html("<input type='text' id='txtEmail' value='"+tdEmail.html()+"'/>"); tdButtons.html("<img src='images/disk.png' class='btnSave'/>"); $(".btnSave").bind("click", Save); $(".btnEdit").bind("click", Edit); $(".btnDelete").bind("click", Delete);
};
Source : http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721 | Last Update : Mon, 28 Sep 20
Answered by : confused-crocodile-vwpl1ctoeqam
output
Source : https://scala-js.github.io/scala-js-dom/#dom.Websocket | Last Update : Wed, 09 Sep 20
Answered by : cautious-crab-h8t02w4k75gq
function Add(){ $("#tblData tbody").append( "<tr>"+ "<td><input type='text'/></td>"+ "<td><input type='text'/></td>"+ "<td><input type='text'/></td>"+ "<td><img src='images/disk.png' class='btnSave'><img src='images/delete.png' class='btnDelete'/></td>"+ "</tr>"); $(".btnSave").bind("click", Save); $(".btnDelete").bind("click", Delete);
};
Source : http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721 | Last Update : Mon, 28 Sep 20
Answered by : cautious-crab-h8t02w4k75gq
function Delete(){ var par = $(this).parent().parent(); //tr par.remove();
};
Source : http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721 | Last Update : Mon, 28 Sep 20