Как правильно использовать localStorage?

Question

[Kolya Vantukh]

Вообщем есть список

<ul class="dropdown-menu" role="menu">
            <li class="vloading active"><a href="">50</a></li>
            <li class="vloading "><a href="">100</a></li>
            <li class="vloading "><a href="">200</a></li>
</ul>

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

$('.vloading').click(function(){
            $(".vloading").removeClass('active');
           window.localStorage.setItem('adding',$(this).addClass('active'));
        if(localStorage.getItem('adding')){
          $(this).addClass('active');
               }
 });
});

Answer 1

[iBird Rose]

https://jsfiddle.net/iBird/9pqytf1f/2/

Answer 2

[Петр]

localStorage - может хранить только текстовые значения.

Comments

[Kovalsky]

Отсюда вывод - если вам нужно запоминать элементы, придётся изначально иметь для них идентификаторы.