/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 vote203 views1 answer
Reload page jquery timer
Javascript jQuery
0 vote186 views1 answer
Jquery select2 multiple select all
Javascript jQuery
-1 vote170 views2 answers
Jquery ui dialog live cdn
Javascript jQuery
62 votes205 views2 answers
Import jquery google cdn
Javascript jQuery
0 vote197 views1 answer
Get how much i scroll in jquery
Javascript jQuery
0 vote222 views1 answer
Jquery to copy two input fields into one with a space between
Javascript jQuery
17 votes239 views6 answers
Check if element is visible jquery
Javascript jQuery
0 vote153 views1 answer
Load data dynamically on page scroll using jquery ajax in json formt
Javascript jQuery
0 vote207 views1 answer
Remove file from input type file jquery
Javascript jQuery
0 vote224 views1 answer
Jquery selected checkboxes pass as paramater to C#
Javascript jQuery