目前很多列表的编辑功能，都是点击单行编辑按钮，然后进行单条的跳转或者弹窗编辑，数量少还可以，数据比较大，改动比较多的话，这样效率就是灾难性的。如过能双击某个单元格即可进行编辑，这样带来的效率提升是非常大的，实现如下：
$('#tb_list').on('dblclick', 'td', function () {
$('#tb_list').on('dblclick', 'td', function () {
var oldVal = $(this).text();
var input = "";
$(this).text('');
$(this).append(input);
$('#tmpId').focus();
$('#tmpId').blur(function(){
if($(this).val() != ''){
oldVal = $(this).val();
}
//closest：是从当前元素开始，沿Dom树向上遍历直到找到已应用选择器的一个匹配为止。
$(this).closest('td').text(oldVal);
});
});
| 姓名 | 语文 | 数学 | 英语 | 合计 |
|---|
以上就是“双击table的td进行编辑的案例分享”的详细内容，更多请关注木子天禾科技其它相关文章！
