Как хранить списки (ul, li ) в localstorage?

Question

[kindle12]

Есть список задач, который генерируется джаваскриптом. После перезагрузки страницы естественно ничего не сохраняется. Слышал, что данные можно хранить в localstorage. Но только строковые значения. Как организовать хранение и вывод на страницу списков с помощью localstorage?

Репозиторий на гитхабе
Сам список

Answer 1

[Петр]

Сериализовать обьект в строку и так хранить.
Пример тут

Answer 2

[yondop]

Записывать массив с задачами:

localStorage.setItem("tasks", JSON.stringify(tasks));

...

var tasks = JSON.parse(localStorage.getItem("tasks"));

Answer 3

[Владислав Поляков]

Набросал пример

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

var session = {
  'list': []
};
$('ul').children().each(function(i,v){
    session.list.push({ 'id': i, 'value': $(v).text()});
  });
localStorage.setItem('session', JSON.stringify(session));
var restoredSession = JSON.parse(localStorage.getItem('session'));