我想显示一个待办事项列表，让用户对其进行编辑并将其与服务器同步。
我正在考虑使用带有属性 contenteditable 的 ul 标记。
我生成原始列表，为标识它的每个元素分配一个属性。例如：
<ul>
<li dbid=1>element1</li>
<li dbid=2>element2</li>
</ul>
用户可以修改这些元素，删除它们并添加新元素。我想跟踪哪些元素已更改，因为其他属性（截止日期、优先级等）可以与它们相关联，因此它们具有标识，它们不仅仅是文本。
最好的方法是什么？