/Javascript/jQuery/Add edit delete from table using jquery

Add edit delete from table using jquery

$(function(){
	//Add, Save, Edit and Delete functions code
	$(".btnEdit").bind("click", Edit);
	$(".btnDelete").bind("click", Delete);
	$("#btnAdd").bind("click", Add);
});

Source: mrbool.com

Add edit delete from table using jquery

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: mrbool.com

Add edit delete from table using jquery

output

Source: scala-js.github.io

Add edit delete from table using jquery

function Delete(){
	var par = $(this).parent().parent(); //tr
	par.remove();
};

Source: mrbool.com

Similar codes

0 vote148 views1 answer
Jquery div show
Javascript jQuery
1 vote174 views1 answer
Adminlte 3 toasts jquery
Javascript jQuery
0 vote141 views1 answer
Get dynamic value in jquery
Javascript jQuery
105 votes195 views6 answers
Jquery each loop
Javascript jQuery
136 votes331 views3 answers
To int jquery
Javascript jQuery
16 votes150 views2 answers
How to make button disabled in jquery before send
Javascript jQuery
0 vote164 views2 answers
How to determin if element is in viewport with jquery
Javascript jQuery
3 votes189 views6 answers
Select dropdown value using jquery
Javascript jQuery
1 vote152 views2 answers
Number_format in jquery
Javascript jQuery
-1 vote219 views2 answers
Jquery remove keypress event
Javascript jQuery