Javascript 如何对最近添加的类的背景颜色进行优先级排序

在撰写本文时，颜色按层次排列，其中紫色具有最高优先级。如何更改此设置，以使最近添加的颜色获得最高优先级？这是我的密码：

<table id="palette">
    <tr>
        <td id="yellowPaint" class="yellow"></td>
        <td id="redPaint" class="red"></td>
        <td id="purplePaint" class="purple"></td>            
        <td id="bluePaint" class="blue"></td>
        <td id="greenPaint" class="green"></td>
        <td id="orangePaint" class="orange"></td>
        <td id="whitePaint" class="white"></td>
        <td id="blackPaint" class="black"></td>
    </tr>
</table>

<script>

    $(document).ready(function(){

        var color = "white";

        $('#yellowPaint').click(function(){
            color = "yellow";
        })

        $('#redPaint').click(function(){
            color = "red";
        })

        $('#purplePaint').click(function(){
            color = "purple";
        })

        $('#bluePaint').click(function(){
            color = "blue";
        })

        $('#greenPaint').click(function(){
            color = "green";
        })

        $('#orangePaint').click(function(){
            color = "orange";
        })

        $('#whitePaint').click(function(){
            color = "white";
        })

        $('#blackPaint').click(function(){
            color = "black";
        })

        $('#massiveTable td').mouseenter(function(){
            $(this).addClass(color);
        });
    });

</script>

---

您可以在pseudostories.com/draw上看到结果，而不是addClass，完全替换它：

$('#massiveTable td').mouseenter(function(){
    $(this).attr('class',color);
});

---

在添加新类之前，请删除所有以前的类：

$('#massiveTable td').mouseenter(function(){
    $(this).removeClass();
    $(this).addClass(color);
});

---

我不明白你的问题<代码>最近添加的颜色获得优先权？请澄清。另外，我们可以有你的css吗？css不是这样工作的。如果您只想将一个类应用于一个元素，请删除解决问题的所有其他类！如果SO允许，将在4分钟内接受答案。另一种方式是：

$（this）.removeClass（）.addClass（color）

$('#massiveTable td').mouseenter(function(){
    $(this).removeClass();
    $(this).addClass(color);
});