Javascript 如何更改mouseenter、mouseout和onclick上的星级颜色

我需要fa-star类的mouseenter、mouseout和onclick函数为每个特定的“list”类/li标记（如list类[0、1、2等]）工作。我现在为每个“列表”类工作。当我用鼠标点击不同列表类的星星时，第一个列表类的星星正在变化

如果我在第一个列表类/li标记的星形上使用鼠标指针，则鼠标指针函数应适用于该列表类/li标记，而不适用于其他“列表”类/li标记。如果是第二个“列表”类，则它应适用于该“列表”类/li标记，而不适用于其他类。第三，第四等

在rateclick功能中，我可以将评级发送到服务器，但无法获取它。你也能调查一下吗

---

代码如下：

index.php和style.css

.fa{
字体大小：25px；
}
李{
列表样式：无；
左侧填充：40px；
填充底部：40px；
边框底部：2个实心#ccc；
宽度：800px；
}
李：最后一个孩子{
边框底部：无；
}

class=“list”>








在您最初尝试的基础上，我为您提供了以下解决方案：

function onMouseEnter(index){
   var fa = document.getElementsByClassName("fa");
   var j;
   for(j = 0; j < fa.length; j++){
       if(j < index){
           fa[j].style.color = "orange";
       }
       else{
           fa[j].style.color = "#ccc";
       }
   }
}
function onMouseOut(){
    var fa = document.getElementsByClassName("fa");
    var k;
    for(k = 0; k < fa.length; k++){
        fa[k].style.color = "#ccc";
    }
}

鼠标输入（索引）上的函数{
var fa=document.getElementsByClassName（“fa”）；
var j；
对于（j=0；j

---

您是否尝试自己实施？也许你可以试着消除不相关的代码，只关注你需要帮助的实际功能，而且你也应该在stackoverflow上发布之前用谷歌搜索你的问题。提示：当鼠标移到HelgeFox上时，尝试用谷歌搜索

css更改颜色，我试过了，但没能做到。你能帮我吗？你的问题不是很清楚。听起来你需要一个简单的
：悬停
效果，这个效果很容易用CSS解决。但是，您似乎认为其他人应该实现您定义的两个功能。在要求以某种方式实现解决方案之前，我认为您至少应该展示您的努力。@HelgeFox，您可以使用css。@HelgeFox，谢谢您的回答，但我需要为每个“列表”类/li标记编写代码。此外，我无法从rateclick函数获取评级。请调查一下，好的。不知何故，我解决了这个问题，但无法使用ajax代码从服务器获取评级。无论如何，这个答案也很有帮助，我将这个答案标记为已接受。