Search
showing results for - "add edit delete from table using jquery"
Line
21 Jan 2020
1$(function(){
2	//Add, Save, Edit and Delete functions code
3	$(".btnEdit").bind("click", Edit);
4	$(".btnDelete").bind("click", Delete);
5	$("#btnAdd").bind("click", Add);
6});
7
source
Ilaria
18 Jan 2019
1function Save(){
2	var par = $(this).parent().parent(); //tr
3	var tdName = par.children("td:nth-child(1)");
4	var tdPhone = par.children("td:nth-child(2)");
5	var tdEmail = par.children("td:nth-child(3)");
6	var tdButtons = par.children("td:nth-child(4)");
7
8	tdName.html(tdName.children("input[type=text]").val());
9	tdPhone.html(tdPhone.children("input[type=text]").val());
10	tdEmail.html(tdEmail.children("input[type=text]").val());
11	tdButtons.html("<img src='images/delete.png' class='btnDelete'/><img src='images/pencil.png' class='btnEdit'/>");
12
13	$(".btnEdit").bind("click", Edit);
14	$(".btnDelete").bind("click", Delete);
15}; 
16
source
Elona
09 Jan 2018
1function Delete(){
2	var par = $(this).parent().parent(); //tr
3	par.remove();
4}; 
5
source
Naomie
13 Mar 2018
1function Add(){
2	$("#tblData tbody").append(
3		"<tr>"+
4		"<td><input type='text'/></td>"+
5		"<td><input type='text'/></td>"+
6		"<td><input type='text'/></td>"+
7		"<td><img src='images/disk.png' class='btnSave'><img src='images/delete.png' class='btnDelete'/></td>"+
8		"</tr>");
9	
10		$(".btnSave").bind("click", Save);		
11		$(".btnDelete").bind("click", Delete);
12}; 
13
source
similar questions
change value of drop down using jquerydelete all the fields on the form whit jqueryjquery div element find and removeadd edit button to datatablejquery remove elemtnsjquery remove all tr from tableeditable table ajaxjquery remove option from select by valuereload table jqueryremove tr having delete icon inside jqueryjquery delete butonremove tr in table jqueryjquery remove items from dropdownlistjquery detach and removeselect remove option jqueryhow to remove id in jqueryjquery remove tags keep contentremove all options from select jqueryhow to add edit and delete rows of a html table with javascriptjquery remove option from dropdown
queries leading to this page
display row of buttons on html table jquerydelete insert table field dynamically in jquerywhenclick button create jquery tablehow to add and delete rows of a html table with jqueryedit a table row hmlhow to delete data from table on change jqueryadd edit delete from table using jqueryuse form in td jqueryadd edit and delete link in jquery tableedit delete in jquery tablejquery delete from table functionhow to add 2c edit and delete rows of a html table with jqueryjquery code to add edit delete button in table row to an existing tableremove tr to table jqueryhtml table buttons taken outjquery data tables edit and deleteupdate delete jquery data tablehow to add edit and delete rows of a html table with jqueryadd edit delete items from table jqueryadd row on button click and edit row in javascript phpadd edit and delete data in an html table using javascripthow to convert td into button in jqueryjquery code to add edit delete button in table rowadd edit delete table row example using jqueryjquery table edit add new rowjquery datatables how to add an edit and delete optionadd edit delete from table using jquery