javascript - Jquery鼠标悬停问题

标签 javascript jquery html

我的图像上的鼠标悬停功能有一个小问题。当您将鼠标悬停在一张图像上时,它会导致所有图像都处于悬停状态。 [点击此处][1] 有谁知道我哪里出错了??

//javascript

$(".tint").hover(function(){
$('.hover-hide').toggleClass('hidden');
}); 

//HTML

<figure class="tint">
    <div class="hover-content hover-hide hidden">
        <a class="roll-over" href="#"><img class="img_hover" src="img/home-hover-bg.png" alt="hover"/></a>
    </div>
    </figure>

最佳答案

$(".tint").hover(function(){
    $(this).find('.hover-hide').toggleClass('hidden');
}); 

关于javascript - Jquery鼠标悬停问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16723601/

相关文章:

javascript - 三JS : update camera FOV

jquery - 使用 Bootstrap-slider 插件格式化工具提示中的数字

html - 溢出时 Cordova WebView 渲染失败

javascript - 使用 Jquery 验证所有堂兄输入元素

javascript - 过滤谷歌地图范围内的标记

javascript - d3.js 日期时间格式说明符未按预期工作

javascript - 使用 jQuery.data() 存储 WebSocket 连接句柄对象时出现问题——最好的办法是什么?

javascript - 使用 jquery 查找并替换一个单词的所有实例

javascript - 如何使用 jQuery 在输入之前按下按键

Android webView - 如何更改 webView 对话框的背景颜色?