麻烦在悬停时获得班级的孩子div

Question

我有一系列包含大量信息的div，当我将鼠标悬停在包含的div上时，我希望对所有包含的div有悬停效果，其中一个是改变div的不透明度。

<div class="media_holder_photo">
<div class="front_preview_photo">
</div>
</div>

<div class="media_holder_photo">
<div class="front_preview_photo">
</div>
</div>

等

我试过这个：

$('.media_holder_photo').hover(
    function(){
    $('this').find('.front_preview_photo').addClass('opacity');
    },
    function(){
    $('this').find('.front_preview_photo').removeClass('opacity');
    });

和这个

$('.media_holder_photo').hover(
    function(){
    $('this').children('.front_preview_photo').addClass('opacity');
    },
    function(){
    $('this').children('.front_preview_photo').removeClass('opacity');
    });

除了将子类更改为其他各种选择器外，它还没有效果。我做错了什么？