todo リストを表示し、ユーザーが編集してサーバーと同期できるようにしたいと考えています。
contenteditable 属性の ul タグを使用することを考えています。
それを識別する各要素に属性を割り当てる元のリストを生成します。例えば：
<ul>
<li dbid=1>element1</li>
<li dbid=2>element2</li>
</ul>
ユーザーは、これらの要素を変更したり、削除したり、新しい要素を追加したりできます。他の属性 (期限、優先度など) を関連付けることができるため、どの要素が変更されたかを追跡したいので、それらは単なるテキストではなく、ID を持っています。
それを行う最善の方法は何ですか？