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

Question

我有一个显示数据库中事件信息的代码。父容器的 id 是show_id. 里面show_id有一些隐藏的 div event_more_details ，其内容只有在我将鼠标悬停在父 div 上时才会显示show_id（在我的情况下，我使用的是 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()将选择器应用于兄弟元素。（文档）

Answer 2

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

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

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