javascript - ToggleClass 并非在所有 div 上

Question

我正在使用鼠标悬停在定价表上。你可以在这里看到它:http://lhit.nl/lucid/

如您所见，当您将鼠标悬停在定价表上时，所有 div 都会切换类别。那不是我想要的。当然，我希望它是分开的。

我的 jQuery:

$('.package').hover(function(){
     $('.name').toggleClass('name-hover')
     $('.price-container').toggleClass('price-hover')
     $('.price').toggleClass('white-hover')
     $('.month').toggleClass('white-hover')
 });

CSS 只是覆盖当前颜色:

    .package .price-hover {
        background: #008ed6;
    }

    .package .white-hover {
        color: #fff;
    }

我已经尝试使用 $(this) 但它不起作用。

Answer 1

$('.package').hover(function(){
    $(this).find('.name').toggleClass('name-hover')
    $(this).find('.price-container').toggleClass('price-hover')
    $(this).find('.price').toggleClass('white-hover')
    $(this).find('.month').toggleClass('white-hover')
});