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'); 
     } 
    ); 
});