/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

99 votes210 views6 answers
Jquery on load
Javascript jQuery
0 vote218 views1 answer
Jquery get element by index
Javascript jQuery
1 vote199 views1 answer
How to use jquery in chrome dev tools
Javascript jQuery
10 votes191 views4 answers
Jquery select radio
Javascript jQuery
20 votes212 views6 answers
Jquery get id
Javascript jQuery
9 votes152 views2 answers
Check if jquery is loaded
Javascript jQuery
0 vote213 views1 answer
Bootstrap 4 form validator with jquery
Javascript jQuery
5 votes197 views1 answer
Jquery set att
Javascript jQuery
0 vote201 views1 answer
Jquery check if parent has 2 chlds
Javascript jQuery
0 vote213 views1 answer
Round till 2 digit in jquery
Javascript jQuery