javascript - jQuery-在单击事件上切换localStorage

我正在尝试创建一个保存在本地存储中的收藏夹按钮，您可以打开和关闭。

但是我在切换本地存储价值时遇到麻烦。

这就是我所拥有的：

$(fav).click(function(){
      localStorage.setItem('favourited', 'yes');
      $(this).toggleClass('favourite');
});

我试过使用removeItem如果该项目设置为加载状态，但这只会删除一次并且不允许切换。

最佳答案

您可以使用该类的条件来定义是否喜欢该类。

$(fav).on("click", function () {
    $(this).toggleClass('favourite');
    // Define wheter its a favourite item based on the class
    let val = $(this).hasClass('favourite') ? 'yes' : 'no';
    // Set the localStorage
    localStorage.setItem('favourited', val);
});