jquery - 如何在一个 LocalStorage 项目中包含 2 个表？

Question

我有一个可以编辑的表格，当你完成编辑后，我有一个简单的代码保存该列表。

（表格上有 contenteditable ）

我偶然发现的问题是，如果我双击回车，表格会分成两个具有相同 ID 的单独表格。这导致我用来设置 localStorage 的代码只存储一个表（我假设是第一个）.. 我想到了不同的解决方案，我想知道是否有人可以指出优缺点（如果解决方案甚至可以工作）。

1. 创建一个循环，检查表后的页面并将它们存储到 localStorage-items 数组中。我必须为每个表动态创建一个 localStorage 项目。

2. 获取表格所在的整个 div，并将其存储在 localStorage 中，当用户重新访问页面时，页面会检查存储中的项目并显示整个 div。

3. 你有任何可以打败这个的建议:)..（但没有缓存，它必须与 localStorage 一起使用！）

Answer 1

由于这部分，我相信您的问题不清楚：

我偶然发现的问题是，如果我双击回车，表格会分成两个具有相同 ID 的单独表格。

请进一步澄清...您为什么要双击输入？当你双击进入时，焦点是什么？

即使我知道我可能错了。听起来你有一张桌子变成了两张桌子。你是说 <table> 的吗？还是数据库表？

只是更清楚会有所帮助；）