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

Question

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

但我在点击时切换本地存储值时遇到问题。

这就是我所拥有的:

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

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

Answer 1

您可以使用类的条件来定义它是否被收藏。

$(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);
});