思想:
1、监听table中td的双击事件
2、把当前点击的tr变成一个input,且把鼠标焦点放在其上
3、当鼠标焦点不在时,判断值是否为空,空值时原来的值不发生改变,不为空,当前的td值变成刚刚输入的值
$(function(){
$('#tableId').on('dblclick','td',function(){
var oldVal = $(this).text;
var input = "<input type="text" id="tempId" value='"+oldVal+"'>";
$(this).text('');
$(this).append(input);
$('#tempId').focus();
$('#tempId').blur(function(){
if($(this).val()!=''){
oldVal = $(this).val();
}
$(this).closest('td').text(oldVal);
})
})
})
如何选择器中想要排除某行td 可以在td中利用选择器中排除对应的项,例如用类选择器 排除class="except"的类
$('#tableId').on('dblclick','td:not(.except)',function(){}