定位div中的特定子类

Question

我正在建立一个网站，并希望对div元素的悬停效果。我知道我可以在CSS中执行此操作，但想编写一些js / jquery进行练习，但找不到解决方案。 基本上，我的代码如下所示：

HTML：

<a href="" class="somelink">
   <img src="someimg">
   <p class="sometext">Some Text</p>
</a>

CSS：

.sometext{
   position:absolute;
   top...,right:0;        
   display:none;
   background-color:black;
   }

JS / jQuery：

$(document).ready(() => {

function portfolioItemFadeIn(e) {
   let target = $('.portfolio-item-desc')
   $(this).find(target).fadeIn();
}

$('.portfolio-item').mouseenter( (e) => portfolioItemFadeIn(e));
});

我希望文本覆盖图像并在鼠标输入时淡入，但是什么也没有发生：(有人可以帮我吗？