重复的单个元素的jQuery悬停

我试图使用jQuery在一个元素上添加一个悬停不透明度，该元素根据数据库中的项数重复

当鼠标悬停在一个div上时，所有div都在变化

以下是HTML/jQuery：

很抱歉JSFIDLE没有显示任何结果，但希望这是向您显示代码的最佳方式

---

谢谢

您需要获取当前悬停的元素，而不是所有元素都具有相同的类

---

我将循环使用同一个类获取的所有元素，然后分别设置每个元素

将JavaScript更改为以下内容。

$（this）

使

stop

调用仅应用于被悬停的元素，而不是应用于具有

entryHeader

类的所有元素

$(document).ready(function() {        
    $(".entryHeader").hover(function(){
    $(this).stop(true).fadeTo("fast", 0.6); // This sets the opacity to 100% on hover
    },function(){
        $(this).stop(true).fadeTo("fast", 1.0); // This sets the opacity back to 60% on mouseout
    });
});

使用新代码。

尝试以下操作：

---

清理了你的小提琴，但是HTML不包含任何类

entryHeader

的元素。

$(document).ready(function() {        
        $(".entryHeader").hover(function(){
           $(this).stop(true).fadeTo("fast", 0.6); // This sets the opacity to 100%     on hover
        },function(){
            $(this).stop(true).fadeTo("fast", 1.0); // This sets the opacity back to 60% on mouseout
        }); });