Javascript jquery鼠标悬停在每个元素上

我想说，当我将鼠标悬停在.project上时，我希望显示p标记。但是我编写的代码同时显示了每个项目的所有p标记。我怎么能说，只有当我在那个项目上，那个项目下的p出现了。不增加额外的课程

$(document).ready(function() {

 $('.project').hover(
     function () {
       $('.project p').css({"visibility":"visible"});
     },
     function () {
       $('.project p').css({"visibility":"hidden"});
     }
 );

});

---

您需要使用

this

关键字，要做到这一点，您需要使用

find（）

这里有另一种方法

$('.project').on('mouseenter mouseleave', function(e) {
    $('p', this).css('visibility', e.type == 'mouseenter' ? 'visible' : 'hidden');
});

$('.project').on('mouseenter mouseleave', function(e) {
    $('p', this).css('visibility', e.type == 'mouseenter' ? 'visible' : 'hidden');
});