Javascript 设置contentEditable="；“真的”；仅适用于单击的div，其余为false

我在博客上有很多评论，并且在评论上有一个编辑按钮。这个编辑按钮只对发布了特定评论的用户可见

我为单击编辑按钮的div使用了contentEditable=true属性。我正面临一个问题，考虑下面的情况，

作为一个用户，我看到一篇帖子->然后我在该帖子上发布了3条不同的评论->我可以看到我发布的评论和3个编辑按钮。->当我点击第一条评论的编辑按钮时，我可以看到该评论框变为可编辑->现在当我点击其他评论的编辑按钮时；该div也变得可编辑。因此，这就是问题所在。我只希望一个div可编辑为TRUE，其余为FALSE。因此需要检查是否有任何注释框打开为可编辑？如果是，则将其可食性设置为当前可食性的false和true。所以请让我知道我该怎么做。 下面是代码片段

我的ajax成功创建了以下输出 //-----//

---

将对上一个编辑字段的引用存储在变量中，以便在处理下一次单击时，可以将该字段的引用设置为false…（不必是实际引用，因为您使用的是“编号id”，当然也可以存储以前的id/“i”值。）我也试着做同样的事情，但不知道如何存储最后一个（新的），这样每次调用函数时，我都可以将前一个设置为False。你能告诉我这个吗？你把当前值存储在处理函数的末尾，这样你就可以在下一个函数调用中把它作为上一个值使用。（当然，需要是函数本身范围之外的变量，因此对于初学者，您可能希望使用全局变量，以后仍可以对其进行优化。）谢谢。。这对我有部分帮助。。这里剩下的是，如果我点击一个编辑按钮，对我发布的评论进行一些更改，但在保存之前，我点击了另一个评论的编辑按钮，那么它会使前一个评论的editablecontent属性为false，但会显示编辑过的文本；这是不正确的（示例“Hello”更改为“Hello All”，然后改为“Hello”；“Hello All”在刷新之前可见）。因此，现在请帮助我使旧的评论，因为它是（我不想从数据库再次获取）好，然后阅读原始内容，并将其存储在某个地方，然后再启用编辑模式，以便您可以简单地恢复它之后…？

output+= '<button onclick="showComBox('+i+')" id="btn'+i+'" class="btn_com">EDIT</button><button onclick="update('+i+','+value.cmnt_id+')" class="done" id="done'+i+'">DONE</button>';

function showComBox(id)
    {
        var n_id = document.getElementById('cmnt_txt'+id);
        n_id.setAttribute("class" , "editable");
        document.getElementById('cmnt_txt'+id).contentEditable = "true";
        // var $div=$('#cmnt_txt'+id), isEditable=$div.is('.editable');
        // $('#cmnt_txt'+id).prop('contenteditable',!isEditable).toggleClass('editable');
        $("#btn"+id).hide();
        $("#done"+id).show();
    }