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

Question

我有一个显示数据库中事件信息的代码。父容器的id为show_id。在show_id里面有一些hiden div event_more_details，内容只有在我悬停在show_id的父div上时才显示（在我的情况下我使用的是mouseenter函数）。这是代码：

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

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

Answer 1

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

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

.siblings()将选择器应用于兄弟元素。 （docs）

Answer 2

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

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

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