/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 vote184 views1 answer
Jquery select2 tab open
Javascript jQuery
14 votes165 views6 answers
Jquery selected option value
Javascript jQuery
6 votes144 views3 answers
Jquery get all checkbox
Javascript jQuery
1 vote171 views3 answers
On button click show collapse div jquery
Javascript jQuery
105 votes204 views4 answers
Jquery google
Javascript jQuery
16 votes201 views2 answers
Toggle bootstrap modal with jquery
Javascript jQuery
0 vote224 views1 answer
Jquery einbinden in js
Javascript jQuery
0 vote166 views1 answer
Iframe content zoom in and zoom out jquery
Javascript jQuery
0 vote173 views1 answer
Jquery read query string
Javascript jQuery
62 votes180 views6 answers
Document on click jquery
Javascript jQuery