Jquery Hover影响所有Divs答案

【问题标题】：Jquery Hover Affecting All DivsJquery Hover影响所有Divs
【发布时间】：2012-12-30 02:54:34
【问题描述】：

我有这个 jquery 悬停效果，它的工作原理是有一个不可见的 div，当你将鼠标悬停在一个 div 上时，它会将不可见的 div 向上滑动，使其可见。当有多个 div 并且您将鼠标悬停在一个 div / box 上时..所有其他不可见的 div 都会向上滑动，当您悬停的 div 应该向上滑动时。这是我用于向上滑动 div 的 jquery：

$(function(){
    $(".video-entry-summary").hover(function() {

        $(".videotntitle").stop(true,true).animate({'bottom': '+=211px' },200);

    }, function() {

        $(".videotntitle").stop(true,true).animate({'bottom': '-=211px' },200);

    });
});

这是演示我的问题的 jsFiddle。就像我说的，应该只有一个 div 向上滑动，而不是全部。

http://jsfiddle.net/Rfs6G/1/

任何帮助将不胜感激！ :)

【问题讨论】：

标签： jquery css html

【解决方案1】：

你可以指定上下文来定位正确的 div：

$(function(){
    $(".video-entry-summary").hover(function() {  
        $(".videotntitle", this).stop(true,true).animate({'bottom': '+=211px' },200);
    }, function() {
        $(".videotntitle", this).stop(true,true).animate({'bottom': '-=211px' },200); 
    });
});

$(".videotntitle", this) 在this 内搜索类videotntitle 的元素（即悬停元素）

Demonstration

【讨论】：

工作就像一个魅力！非常感谢，我会接受的（11 分钟内）

【解决方案2】：

您选择了错误的选择器，而不是正确的选择器。

你想定位

$(this).find('.videotntitle').stop(). etc etc;

http://jsfiddle.net/Rfs6G/2/

【讨论】：