$ (это) не сохраняют в локальном хранилище .... в основном хотят addclass до $ (это) и хотят его там после перезагрузки

Question

$("ul").on("click" , "li.afterdone" , function(event){ 

    $(this).toggleClass("done") 

}); 

Это мой код:

Я хочу, чтобы «сделать», чтобы остаться на этом perticular li.afterdone когда страница перезарядка Я попробовал печенье и локальное хранилище, но я думаю, что я не получаю ядро ​​его

Это то, что я хочу:

Я хочу, чтобы добавить «сделано» в $(this) и хотите, чтобы этот класс оставался только на этом li не на любой другой, пока я не нажму на любой другой

Answer 1

Проверьте это. Я не уверен, что это то, о чем вы просили, но, надеюсь, это помогает. Также убедитесь, что у вас есть jQuery.

Вы можете хранить пару ключ/значение следующим образом:

localStorage.setItem ("ключ", "значение"); Затем вы можете получить значение следующим образом:

localStorage.getItem («ключ»); Удалить:

localStorage.removeItem ("ключ"); sessionStorage работает так же, как указано выше, но сохраняется только при открытии браузера. Он сохраняется для «сеанса» браузера. Однако localStorage будет сохраняться до тех пор, пока он не будет удален кодом или очисткой браузера.

Вот JSfiddle: https://jsfiddle.net/usja31hx/

<ul> 
<li>One</li> 
<li>Two</li> 
<li>Three</li> 
</ul> 


$("li").click(function() { 
    $(this).toggleClass('done') 
}); 


.done{ 
    color: red; 
}