/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

39 votes297 views3 answers
Jquery value of input
Javascript jQuery
99 votes318 views6 answers
Jquery checkbox checked value
Javascript jQuery
0 vote260 views1 answer
Select div with specific class not all divs jquery
Javascript jQuery
42 votes262 views6 answers
Jquery get value by name
Javascript jQuery
3 votes276 views2 answers
How To clear all the input element inside div using jquery
Javascript jQuery
8 votes277 views3 answers
Add table row in jQuery
Javascript jQuery
0 vote277 views1 answer
Javascript csv einlesen-jqueryAjax
Javascript jQuery
10 votes269 views6 answers
Jquery scroll to top of div
Javascript jQuery
0 vote244 views1 answer
How to call function in jquery
Javascript jQuery
46 votes260 views6 answers
Jquery checkbox unchecked
Javascript jQuery