/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

2 votes342 views4 answers
On keyup jquery
Javascript jQuery
2 votes321 views1 answer
Jquery delete grand parent of clicked element
Javascript jQuery
0 vote316 views1 answer
Jquery set focus on first input which is not readonly
Javascript jQuery
0 vote311 views1 answer
Jquery change the label of a value in select
Javascript jQuery
-2 votes317 views1 answer
How to show bootstrap 5 modal using jquery
Javascript jQuery
4 votes329 views2 answers
Jquery button text
Javascript jQuery
2 votes298 views2 answers
Change span value according to textfierld value in jquery
Javascript jQuery
1 vote379 views1 answer
How to open browser for upload with click on element in jquery
Javascript jQuery
25 votes322 views6 answers
Jquery select option by text
Javascript jQuery
33 votes281 views6 answers
Jquery element by name
Javascript jQuery