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

【问题标题】：jQuery .hover toggleclass, toggling class of all divs not just on child elementsjQuery .hover 切换类，切换所有 div 的类，而不仅仅是子元素
【发布时间】：2017-04-15 03:15:35
【问题描述】：

在帖子上，我希望悬停元素仅发生在悬停的缩略图（和子元素）上。相反，切换类发生在页面上的所有帖子上。可以看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');
      }
    );
});

【问题讨论】：

你能发布你的 HTML 吗？

标签： jquery hover jquery-hover

【解决方案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');
      }
    );
});

【讨论】：