Javascript 切换两个箭头的颜色

我有这样的代码

{{post.get_vote_count}

---

我正在尝试实现在单击每个按钮时切换颜色的按钮。我试过了，但每当我刷新页面时，颜色都会回到原来的颜色，直到我单击另一个箭头为止（因为它们会切换）。任何帮助都将不胜感激

以下是我尝试过的：

<script>
$(document).ready(function(){
    $('.glyphicon').click(function(){
        $('.glyphicon').css('color', '#333');
        $(this).css('color', '#10fd01');
    });
});
</script>

$（文档）.ready（函数（）{
$（'.glyphicon'）。单击（函数（）{
$（'.glyphicon'）.css（'color'，'#333'）；
$（this.css（'color'，'#10fd01'）；
});
});

我不确定，这就是您要寻找的，但如果是，请尝试以下方法：

$(document).ready(function(){
    if($.cookie("arrow1")){
         //$('#arrow1').toggleClass... or whatever
    }
    $('span.glyphicon').click(function(e){
        $.cookie(e.target.id, true);
        //e.target.toggle class, e.target.style.color =... or whatever
    });
});

---

你能将你的JS代码添加到代码片段中，让我们看看你到目前为止都尝试了什么吗？@Mitchkarajon sure thing“每当我刷新页面时，颜色都会恢复到原来的颜色”网页不知道以前会话中发生了什么。如果您需要在页面重新加载时保持状态，则需要将该状态存储在某个位置（例如在Cookie或localStorage中），然后在页面加载时再次读取。@DanielBeck-hmm这听起来需要做很多工作，，，，我还是个初学者…您的意思是我需要将其保存在models.py中作为字段（我使用的是django）可能用js吗？我不会说django；我相信models.py描述了您的数据库结构？在服务器数据库中，这是另一种方法，是的。（对于共享数据库，您当然需要每个用户单独存储。）是的，但是当我刷新页面时，颜色会回到原始状态。如果您需要保存箭头的状态，可以使用cookiesDone。试试看，希望它能帮上忙：谢谢，我没有否决你的答案。顺便说一句，我感谢你的回答。否决票是我的：正如最初写的，答案在功能上与问题中的代码完全相同。删除了编辑后的否决票。

$(document).ready(function(){
    if($.cookie("arrow1")){
         //$('#arrow1').toggleClass... or whatever
    }
    $('span.glyphicon').click(function(e){
        $.cookie(e.target.id, true);
        //e.target.toggle class, e.target.style.color =... or whatever
    });
});