基于jQuery的带localStorage帖子点赞点踩反应高亮切换问题求解

用户尝试开发具备帖子评价功能的jQuery交互，核心实现要求如下：

• 点击Like（点赞）或Dislike（点踩）按钮时，对应按钮切换为高亮状态
• 所有交互状态通过localStorage完成本地持久化存储，刷新页面后状态不丢失

参考效果示意：
#

已编写的代码片段 #

页面HTML结构 #

<div class="reaction-post" data-id="123456">
      <div class="like" data-title="like">Like</div>
      <div class="dislike" data-title="dislike">Dislike</div>
</div>

初始jQuery交互逻辑 #

$(function(){
    $('.reaction-post div').click(function(){
        var lod = $(this).attr('data-title');
        var idr = $('.reaction-post').attr('data-id');       
        localStorage.setItem(idr, lod);
        var ratinghis = localStorage.getItem(idr);
        $('.reaction-post').addClass(ratinghis);     
    });
});

当前待解决问题 #

点击切换Like/Dislike选项时，无法准确通过removeClass方法移除原有状态对应的高亮类，导致两个按钮会同时保持高亮状态，交互显示不符合预期。 #

内容的提问来源于stack exchange，提问作者Thành Nan Nguyễn