親要素の dataset.id を使用した場合の挙動の違いを教えてください

順を追って説明していきます。
2021年8月21日
ユーザー

いつも楽しく学習させていただいております。

何度か復習した際に
index.php<li data-id="<? Utils::h($todo->id); ?>"> に関して、
token の処理と同じように記述、処理できるのでは?と思い、
JS の方で試しに

const id = querySelectorAll('li').dataset.id;

として上の方で保持し、checkboxdeletefetch の中の id にて
id: id,
としてみました。

それで適当な todo(チェックされた fff )を削除をしてみるとページ遷移することなく削除出来はしたのですが、すぐページをリロードをすると先程削除されたはずの todo が復活、代わりに一番上にあった別の todo(いいい)が削除されてしまいました。

興味本位の質問で恐縮ですが、動画通り checkboxdeletefetchid: で親要素の dataset.id を使用するのと挙動がどう違うのかを教えていただきたいです。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)