jquery - 完了したリスト アイテムがローカル ストレージに保存されませんか?

Question

だから私は最終的にこれを理解したと思ったが、残念ながらそれはパズルの最後のピース.

基本的に私はやることリストを持っており、それを完了としてマークすると、リスト項目に線が引かれ、背景色が変更され、正常に機能します。しかし、ページを更新すると、設定が消えます:

$("section#todo_list > section.todo_item > span#complete").live("click", function() {
        $(this).parent().css({'text-decoration' : 'line-through', 'background' : '#e1ffff'});
        todo_list = JSON.parse(localStorage.todos)
        item = todo_list[id];  
        localStorage.setItem($(this).parent().attr(item));                                            
    }); 

これはコードに対する私の最善の推測です。それでうまくいくと思いましたが、うまくいきませんでした。何が欠けていますか?

Answer 1

localStorage.setItemにはキーと値が必要です (例: ) setItem(id, $(this).parent().attr(item))。

また、データを保存しようとしている形式もわかりません。リスト全体を読み込んでいるように見えますが、個々のアイテムを保存しています。

また、@RPM が示唆しているように、JSON として読み取る場合は、JSON として保存する必要があります。

Answer 2

これは、localStorage で設定する方法です。

LocalStorage.itemName = "アイテム";

Answer 3

localStorage.setItem('myKeyName', JSON.strinify($(this).parent().attr(item)));