jquery - Jquery Hover影响所有Divs

Question

我有这个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/

任何帮助，将不胜感激！！:) ​</p>

Answer 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)搜索videotntitle内部具有类的元素this（即悬停元素）

示范

Answer 2

您的目标是错误的选择器而不是正确的选择器。

你想定位

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

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