先来看看下面实时效果演示：

用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为残疾人。

新产生的一行有更新和取消的铵钮，点击"取消"铵钮，删除刚刚动态产生的行。编辑铵钮状态恢复。

更新与删除铵钮功能没有什么特别的。

在ASP .NET MVC视图超文本标记语言代码如下，普通的表格桌子，普通的超文本标记语言标签:

删除的铵钮功能：

$('.删除')。单击(function () { var flag=confirm('你确认是否删除记录？');if (flag) { var tr=$(this).最接近(' tr ')；var obj={ }；物体Ltc_nbr=tr.find ' .选择单个')。val()；$.ajax({ type: 'POST '，URL : '/Highway/land transportation city delete '，dataType: 'json '，data: JSON.stringify(obj)，内容类型： ' application/JSON；charset=utf-8 '，成功：函数（数据，textStatus) { if(数据。成功){ window.location.href=data .RedirectUrl} else { alert(数据异常消息)；返回；} }，错误：函数(xhr，状态，错误){ alert('出现错误： '状态' nError: '错误);} });}返回false })；编辑的铵钮功能，需要动态产生一新行。处理每个字段的超文本标记语言的标签:

$('.编辑')。点击（函数(e) { var tr=$(this)).最接近(' tr ')var row=$(' tr ')；划船。追加($(' TD input class=' city _ key ' type=' hidden ' value=' tr。查找').选择单个')。val()' '//TD’)；划船。追加($(' TD/TD '))；$ select city=$(“select/”)。attr({ name: 'city '，class : ' select city ' })；$(“option/option”，{ value: ' '，text: '' }).appendo($选择城市)；$.getJSON('/Highway/getcity '，函数（数据){ $。每个（数据，函数(我，项目){ if(项目)。City_nbr==tr.find(' .city _ key ').val()) { $('option/option '，{ value: item .城市_国家广播电台，文本：项目城市名称，选中： '选中' }).appendo($选择城市)；} else { $('option/option '，{ value: item .城市_国家广播电台，文本：项目. City_Name}).appendo($选择城市)；} }) });row.append($('td/td ').追加($ Selectcity))；划船。追加($(' TD/TD '))；划船。追加($(' TD/TD '))；划船。追加($(' TD/TD '))；$ CB=$(“input/”).attr({ type: 'checkbox '，class: 'ckbIsActived '，checked: tr.find ').ckbIsActived ').(' :checked')==是真的吗？true ' : ' ' })；row.append($('td/td ').追加($ CB))；var $btnUpdate=$('input/').attr({ type: 'button '，class: 'Update '，value: '更新' });划船。追加($(' TD style=' width :40 px；/td ').追加($ btnUpdate))；var $btnCancel=$('input/').attr({ type: 'button '，class: 'Cancel '，value: '取消' });划船。追加($(' TD style=' width :40 px；/td ').追加($ BTnCancel))；tr.after(行);$(这个)。attr('disabled '，' disabled ')；});更新铵钮功能：

$(“表。城市列表).委托('。更新'，'点击'，函数(事件){ var tr=$(this).最接近(' tr ')；var obj={ }；物体Ltc_nbr=tr.find ' .city _ key ').val()；物体City_nbr=tr.find ' .选择城市")。val()；物体IsActived=tr.find(' .ckbIsActived ').是(“:已检查”)；$.ajax({ type: 'POST '，URL : '/Highway/land transportation city update '，dataType: 'json '，data: JSON.stringify(obj)，内容类型： ' application/JSON；charset=utf-8 '，成功：函数（数据，textStatus) { if(数据。成功){警报('陆运城市更新成功。');window.location.href=data .RedirectUrl} else { alert(数据异常消息)；返回；} }，错误：函数(xhr，状态，错误){ alert('出现错误： '状态' nError: '错误);} });});还一个取消铵钮功能：

$(“表。城市列表).委托('。取消'，'点击'，函数(事件){ var tr=$(this).最接近(' tr ')；tr.prev().查找('。编辑')。移除attr(' disabled ')；tr。移除()；});以上所述是小编给大家介绍的使用jQuery实现一个类似显示数据表格（一种控件)的编辑，更新，取消和删除的功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！