Jquery-一次编辑一行

这似乎很简单。我正在尝试使用

jQuery

获取editbale表。我的问题是一次只能编辑一行。目前它是免费的，这意味着你可以一次编辑多行，这不是我需要的

我在这里重新创建了一个示例

这是我遇到问题的代码：

$(this).closest('td').siblings().each(        
function(){
    var inp = $(this).find('input');
    if (inp.length){
        $(this).text(inp.val());
    }
    else {
        var t = $(this).text();
        $(this).html($('<input />',{'value' : t}));
    }
});

$（this）.closest（'td'）.sibbines（）。每个（
函数（）{
var inp=$（this.find（'input'）；
if（输入长度）{
$（this.text（inp.val（））；
}
否则{
var t=$（this.text（）；
$（this.html（$（''，{'value'：t}））；
}
});

---

有人知道我遗漏了什么吗？

最简单的解决方案是添加：

    $('#tbl').find('cancel').click();

在（'click'，'edit'，function（）{…}）处理程序中。这将找到当前显示的所有取消按钮并单击它们

---

现在，单击取消按钮的行为似乎被破坏了，但这是另一个问题。

我编辑了您在问题中给出的小提琴。在这里，您可以编辑每行。单击“保存”按钮保存，单击“取消”按钮回滚到初始值

$（'#tbl'）。查找（'.save，.cancel'）。隐藏（）；
$（'#tbl'）。在（'click'，'edit'，function（）上{
$（'#tbl'）。查找（'.save，.cancel'）。隐藏（）；
$（'#tbl'）.find（'.edit'）.show（）；
$（'*'）.prop（'contenteditable'，false）
$（this.hide（）.sides（'.save，.cancel'）.show（）；
currentTD=$（this）.closest（'td'）.sides（）
$.each（当前TD，函数（）{
$（this.attr（“initialval”，$（this.text（））
$（this.prop（'contenteditable'，true）
});
});
$（'#tbl'）。on（'单击'，'.save'，函数（）{
var$btn=$（本）；
$（'#tbl'）。查找（'.save，.cancel'）。隐藏（）；
$btn.hide（）.sides（'.edit'）.show（）；
currentTD=$（this）.closest（'td'）.sides（）
$.each（当前TD，函数（）{
$（this.prop（'contenteditable'，false）
});
});
$（'#tbl'）。在（'click'，'cancel'，function（）上{
var$btn=$（本）；
$（'#tbl'）。查找（'.save，.cancel'）。隐藏（）；
$btn.hide（）.sides（'.edit'）.show（）；
currentTD=$（this）.closest（'td'）.sides（）
$.each（currentTD，函数（）{
$（this.text（$（this.attr（“initialval”））；
$（this.prop（'contenteditable'，false）
});
});

field1x
field2x
field3x
field4x
编辑
拯救
取消
field1x
field2x
field3x
field4x
编辑
拯救
取消
field1x
field2x
field3x
field4x
编辑
拯救
取消
不太清楚你在问什么。您想在编辑一行时禁用其他行中的编辑吗？很抱歉造成混淆，但您只想限制一次编辑一行。有多种方法可以做到这一点，可以设置标志或通过并禁用其他按钮。Flag会很高兴这有帮助，但尽管取消按钮让我很难受