在php生成的内容上输入鼠标上显示特定的子div

我有一个显示数据库中事件信息的代码。父容器的id为

show\u id

。在

show\u id

内部有一些隐藏的div

事件\u more\u details

，其中的内容仅在我将鼠标悬停在父div上时显示，父div是

show\u id

（在我的情况下，我使用的是mouseenter函数）。代码如下：

$('.show_event').mouseenter(function(){
    $('.event_more_details').fadeIn(500);
});

---

问题是，如果php生成五个事件，当我停留在一个事件上时，隐藏的div在所有其他父div中也会消失。

如果我正确理解您的HTML结构，您可以使用以下方法：

$('.show_event').mouseenter(function(){
    $(this).siblings('.event_more_details').fadeIn(500);
});

---

.sibbins（）

将选择器应用于同级元素。（）

在浏览jquery函数库之后，我想我找到了一个答案：

$('.show_event').hover(function () {$(this).find('.event_more_details').fadeIn(500);}, function () {$(this).find('.event_more_details').fadeOut(500);});

---

顺便说一句，这对我来说很好，@Ohad非常感谢您的帮助。

我正在尝试兄弟姐妹选择器功能，但它不起作用。不过我会研究一下，这似乎是目前唯一的办法。但是没有其他解决方案吗？