/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

12 votes280 views3 answers
How to move div using jquery
Javascript jQuery
118 votes367 views6 answers
JQuery is checkbox checked
Javascript jQuery
1 vote258 views1 answer
Jquery validator no space
Javascript jQuery
-1 vote264 views1 answer
(function (g, d, a) {})(window, document, jQuery);
Javascript jQuery
31 votes253 views4 answers
Jquery confirm dialog yes no
Javascript jQuery
2 votes252 views6 answers
Select all checkbox jquery
Javascript jQuery
0 vote249 views1 answer
Js similar jquery document ready
Javascript jQuery
0 vote264 views1 answer
Jquery validate required false with additional function
Javascript jQuery
57 votes234 views6 answers
Jquery append
Javascript jQuery
0 vote270 views1 answer
Jquery each tr except first
Javascript jQuery