使用localStorage存储类更改 - 可以这样做吗？

Question

所以我想为每个用户创建一个收藏夹标签选项，所以请输入以下代码：

if (window.localStorage) {
 var didTheyFave = $('.icon-star-empty').click(function() {
   localStorage.setItem('didTheyFave', faveClass());
    alert(localStorage.getItem('didTheyFave'));
 });
}

function faveClass() {
    $( this ).toggleClass( "icon-star-empty" );
    $( this ).toggleClass( 'icon-star' );  
 }

因此，当点击空星图标时，它会变为完整图标，但希望将此更改存储在浏览器中，这样当它们返回时它仍然是完整图标。我试图调用一个函数作为值，但不要认为这是允许的。

由于

Answer 1

if (window.localStorage) {
 var didTheyFave = $('#yourIDforStar').click(function() {
   if($(this).hasClass('icon-star'){
         $( this ).addClass( 'icon-star-empty' ); 
         $( this ).removeClass( 'icon-star' );
         var fav = false;
   } else {
          $( this ).addClass( 'icon-star' ); 
         $( this ).removeClass( 'icon-star-empty' );
         var fav = true;
   }
   localStorage.setItem('didTheyFave', fav);
    alert(localStorage.getItem('didTheyFave'));
 });
}

尝试这样的事情。