在悬停状态下，jQuery只显示这一个，而不是它的所有同级

在页面加载时，我隐藏了类。工作信息。 当鼠标移到.work项上时，我尝试只显示.work info的一个实例，而不是显示它的所有同级

我试过了

 jQuery(".work-item").mouseenter(function(){
        jQuery(this).$btn.show();
    }); 
  jQuery(".work-item").mouseleave(function(){
        jQuery(this).$btn.hide();
    });   

但这是错误的

这就是我目前拥有的：

var $btn = jQuery('.work-info').hide();


jQuery(".work-item").mouseenter(function () {
    $btn.show();
});

jQuery(".work-item").mouseleave(function () {
    $btn.hide();
});

你可能想要

// hide all 
jQuery('.work-info').hide();


jQuery(".work-item").mouseenter(function () {
    // use jquery find on the current selector
    jQuery(this).find(".work-info").show();
});

jQuery(".work-item").mouseleave(function () {
    jQuery(this).find(".work-info").hide();
});

你可以做：

$('.work-info').hide(); 
$('.work-item').mouseenter(function () {
    $('.work-info').show();
});

$('.work-item').mouseleave(function () {
    $('.work-info').hide();
});

---

你的run+on句子没有句号，这会让你的场景有点混乱。为了清晰起见，你能更新一下吗？对不起，希望这更有意义。好多了！如果鼠标悬停在工作项上，您如何知道需要哪个工作信息元素？请显示您的html，以便我们了解问题所在。有很多工作信息吗？工作信息的哪一个实例？他们挨着吗？看到混乱了吗？我无法真正显示我的html，因为我正在通过wordpress仪表板编辑它。我使用的主题是突出的，它有一个原始jquery元素，我已经放在页面上了。.work项将由该类的大约5个元素组成。该页面是一个公文包。当用户的鼠标输入其中一个.work item div时，我希望悬停显示此类.work info。我目前正在隐藏加载时页面上的所有.work信息，以便不显示该div中的信息，而仅在出现悬停事件时显示。非常感谢！这正是我需要的。