如何动态更改段落中定义的font形拇指的颜色

如何解决如何动态更改段落中定义的font形拇指的颜色

在ASP.NET MVC部分视图中，我在一个段落中定义了2个大拇指。

当我将鼠标悬停时，CSS（字体很棒）会将颜色更改为蓝色。

基于if陈述的真相，我想更改拇指的颜色。这样的想法是，如果用户先前单击了“喜欢”或“不喜欢”拇指，则我希望下一次以绿色显示该选择（拇指）。这表明他们已经喜欢或不喜欢它。

如何根据给定的段落显示方式动态改变拇指的颜色？

@model GbngWebClient.Models.LikeOrDislikeVM

<style>
    .fa {
       cursor: pointer;
       user-select: none;
    }

   .fa:hover {
       color: blue;
   }

  .my-size {
      font-size: 20px;
   }
</style>

<div class="row">
<p><span class="blogLike my-size fa fa-thumbs-up"></span><span class="my-size"> : 
@Model.LikeCount</span> <span class="my-size"> | </span><span class="blogDisLike my-size fa fa- 
thumbs-down"></span><span class="my-size"> : @Model.DisLikeCount</span></p>
</div>

@Scripts.Render("~/bundles/jquery")

<script type="text/javascript">
   $(document).ready(function () {
     SetLike('@Model.LikeDisabled');
     SetDisLike('@Model.DisLikeDisabled');

    function SetLike(disabledSwitch) {
        $(".blogLike").attr('disabled',disabledSwitch);

        if (disabledSwitch == false )
        {
            // Show by color that it was previously liked.

            // Does not work.
            $(".blogLike").color('green');
        }
    }

    function SetDisLike(disabledSwitch) {
        $(".blogDisLike").attr('disabled',disabledSwitch);

        if (disabledSwitch == false)
        {
            // Show by color that it was previously liked.

            // Does not work.
            $(".blogDisLike").color('green');
        }
    }
});
</script>

解决方法

$(".blogDisLike").css('color','green');