Как сохранить класс после перезагрузки страницы?

Question

[Сергей Шилов]

Привет! Задавался уже этот вопрос ранее, но полдня пытаюсь вкурить в localstorage. Ключи я научился записывать и проверять их наличие, но не понимаю как привязать это к классу.

Задача стандартная: сохранить класс кликнутого элемента после перезагрузки страницы.

Вот простенький пример: https://jsfiddle.net/cgrk9jzf/4/

Comments

[Hyubert]

Пол дня localstorage ???? да там 5 методов!!!

[Koteezy]

$('.target').on('click', function(el) {
  $('.target').addClass('custom');
  localStorage.setItem('addClass', el.target.className);
});

Ну вот так, вы сохраняете класс в localStorage, шо непонятного?

[Сергей Шилов]

Hyubert, спасибо. У вас есть возможность помочь мне?

[ThunderCat]

Сергей Шилов, еще помочь? То есть вытащить из сторэйжа значение, найти элемент с нужным свойством и присвоить ему класс?
"Вы чего, и есть за меня будете?" (с)

[Сергей Шилов]

ThunderCat, какое значение-то? Название ключа? С каким нужным свойством? Вот я проверил ключ, есть такой, ок, дальше-то что? У меня есть 3 одинаковых класса, одному из них я присвоил .custom, дальше-то что? Что мне от того, что я ключ записал?

[Сергей Шилов]

Помощь в стиле: "Не видишь путь к цели? Включи свет!" - херота лютая, я прошу конкретный пример на конкретном примере, в чем проблема? Мне так проще понять, потому что есть задача, у нее есть контекст, в контексте задачи я смогу понять как работает технология.

Answer 1

[Дмитрий Терентьев]

Решение: https://jsfiddle.net/cgrk9jzf/26/

Comments

[Сергей Шилов]

Спасибо! Теперь вкурил как работает, внедрил и разобрался