jQuery .hover toggleclass，切换不仅仅是子元素的所有div的类

Question

在帖子上，我希望悬停元素只发生在正在悬停的缩略图（和子元素）上。反而，页面上的所有帖子都会发生转向。你可以看到here.

这是我的功能看起来像。

jQuery(document).ready(function() { 
    jQuery(".masonry-bp-list-inner").hover(function() { 
     jQuery('.post_title_box').toggleClass('shiftUp'); 
     jQuery('.post-cat').toggleClass('shiftUpCat'); 
     jQuery('.thumbnail img').toggleClass('darkZoom'); 
     } 
    ); 
}); 

Answer 1

如果你想的触发只发生在正在上空盘旋元素的孩子，你只需要范围的选择到里面的元素在你的处理器，如：

jQuery(document).ready(function() { 
    jQuery(".masonry-bp-list-inner").hover(function() { 
     var $this = jQuery(this); 
     $this.find('.post_title_box').toggleClass('shiftUp'); 
     $this.find('.post-cat').toggleClass('shiftUpCat'); 
     $this.find('.thumbnail img').toggleClass('darkZoom'); 
     } 
    ); 
});