jquery mouseover和mouseout需要用于特定元素

显示

ul

中的所有“热门帖子标题”。我只想在

中显示一个自己的“热门帖子标题”。例如，如果我将鼠标悬停在第一个
.hot\u post\u缩略图上，我希望在第一个
中显示第一个“hot\u post\u title”。然后一秒接一秒。三对三。一次也不全是。请帮我做（使用jQuery）。
您可以使用方法
show（）
和
hide（）
试试这个：

$(document).ready(function() {

    $(".hot_post_thumbnail").mouseover(function() {
        $("hot_post_title").css("display","block");
    });

    $(".hot_post_thumbnail").mouseout(function() {
        $("hot_post_title").css("display","none");
    });

});

使用$（this）而不是全局类，这显然会影响该类的所有项目。通过使用此选项，您可以锁定悬停的特定项目

 $(".hot_post_thumbnail").mouseover(function(){
         $(this).closest('li').find(".hot_post_title").show();
      });

      $(".hot_post_thumbnail").mouseout(function(){
         $(this).closest('li').find(".hot_post_title").hide();
      });

复制粘贴这应该可以做到

要设置延迟效果，请改用show（）

当您想立即设置css设置时，请使用css。
您需要使用
$（此）

使用
hover
in/out处理程序和
toggle（）
方法：


为toggle（）效果添加持续时间。
这是因为每次显示或隐藏时都要选择每个
.hot\u post\u title
。相反，您希望找到适用于激活的
.hot\u post\u缩略图的特定
.hot\u post\u标题
。大概是这样的：

$(document).ready(function(){
  $(".hot_post_thumbnail").hover(function(){
     $(this).closest('li').find(".hot_post_title").finish().toggle(400);
  });    
});

这从激活的缩略图开始，遍历到一个公共父元素（
li
元素），然后在该
li
元素中找到
.hot\u post\u title
。
JS:

$('.hot_post_thumbnail').mouseover(function(){
    $(this).closest('li').find('.hot_post_title').css('display', 'block');
});

隐藏标题

CSS:

使用“最接近”按钮，它将搜索您看到的所有手柄，对您非常有用

.hot_post_title {
    display:none;
}

你没有解决问题，因为他只想显示/隐藏他悬停的行中的元素，而不是所有元素。窃取我的答案：DYou's missing
，在类名之前。@Barmar我是第一个犯错误的人，每个人都接受了我的答案我想：D@salivan-我没有：）@Slaven每个人都从问题中接受了它。：）@提示：至少我是第一个阅读理解正确的人。谢谢@slaven。它工作得很好。如何设置延迟效果，如.show（1000）@user3019943使用
.finish（）.toggle（400）查看或查看我的答案，了解实现悬停的更好方法…；）@用户3019943使用该方法而不是css版本。你必须以某种方式停止动画，否则如果用户快速移动鼠标，动画就会出现问题。我喜欢这种方法+1。我也喜欢这样显示“.hot_post_avatar”。我怎样才能一次做到这一点。喜欢一次显示.hot_post_头像和.hot_post_标题。如何操作？将其添加到选择器：（使用stop（）而不是finish（））
 $(".hot_post_thumbnail").mouseover(function(){
     $(this).parent().next(".hot_post_title").show();
  });

  $(".hot_post_thumbnail").mouseout(function(){
     $(this).parent().next(".hot_post_title").hide();
  });

$(document).ready(function(){
  $(".hot_post_thumbnail").hover(function(){
     $(this).closest('li').find(".hot_post_title").finish().toggle(400);
  });    
});

$('.hot_post_thumbnail').mouseover(function(){
    $(this).closest('li').find('.hot_post_title').css('display', 'block');
});

$(".hot_post_thumbnail").hover(function () {
    $(this).closest("li").find(".hot_post_title").show();
}, function () {
    $(this).closest("li").find(".hot_post_title").hide();
});

.hot_post_title {
    display:none;
}

$('handle').closest('li').find('handle').show();