Question

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

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

1 个答案: