Javascript jQuery，使用实际赔率更改值

这是我第一次在这里发帖，所以很抱歉，如果我不清楚第一次拍摄时的问题：）。好吧，让我解释一下我的处境。我有一个可以随时改变赔率的入口，这意味着，如果你现在选择一个奇数，它可以随时改变，所以这意味着你必须改变你在那个奇数上的赌注

这个网站是我想要得到的最好的例子。 （选择一些比赛，这样你就可以看到下注的赔率）

当我选择一些奇数时，这个奇数会被一些css类悬停，但当同样的奇数改变它的值时，悬停就会消失。我想要的是下一个。当那个奇怪的改变它的值时，我想要另一种颜色的悬停

简言之，这是我的问题。我希望我写的东西可以理解

---

这可以通过jQuery完成。是这样的。这不是最优雅的方式，也许其他人可以建议你一个更清晰的解决方案。在此之前，您可以检查：

jQuery

<script type="text/javascript">
    $(function() {
        $('.odd').click(function() {
            if (!$(this).hasClass('clicked')) {
                $(this).addClass('clicked');
                $(this).css('background-color', "#00f");
            }
        });

        $(".odd").hover(function() {
            if (!$(this).hasClass('clicked')) {
                $(this).css('background-color', "#f00");
            }
        }, function() {
            if (!$(this).hasClass('clicked')) {
                $(this).css('background-color', "#fff");
            }
        });
    });

</script>

$（函数（）{
$（'.odd'）。单击（函数（）{
if（！$（this）.hasClass（'clicked'））{
$（this.addClass（'clicked'）；
$（this.css（'background-color'，“#00f”）；
}
});
$（“.odd”）.hover（函数（）{
if（！$（this）.hasClass（'clicked'））{
$（this.css（'background-color'，“#f00”）；
}
}，函数（）{
if（！$（this）.hasClass（'clicked'））{
$（this.css（'background-color'，“#fff”）；
}
});
});

CSS

<style>
    div.odd {border: 1px solid #000; padding: 2px; display: inline-block; cursor: pointer}
</style>

div.odd{边框：1px实心#000；填充：2px；显示：内联块；光标：指针}

HTML

<div class="odd">This is a text</div>

这是一个文本