javascript - 使用 jQuery 显示和隐藏元素相关的 div

Question

我正在尝试实现一个非常简单的javascript。当链接悬停时，我正在构建某种工具提示（隐藏<div>在链接中）。所以问题是我有几个链接有自己的工具提示，下面显示的代码工具提示正确显示和隐藏，但问题是我只想显示与该链接相关的工具提示，而不是全部。我认为解决这个问题的好方法是拥有一个仅显示该特定链接的工具提示的 javascript 函数，而不是每个链接的函数。

提前感谢您的帮助，我希望我以您可以理解的方式解释了我的问题。

 $(function() {
   $('.toolshoot').hover(function() {
       $('.toolbox').show();
   },       
   function () {
        $('.toolbox').hide();
     }
   );        
 });

Answer 1

我想这会起作用：

 $(function() {
   $('.toolshoot').hover(function() {
       $('.toolbox', this).show();
   },       
   function () {
        $('.toolbox', this).hide();
     }
   );        
 });

我正在寻找.toolbox被悬停的元素内部。

下次请发布带有标记的代码示例。

Answer 2

我需要查看您的代码并确切知道工具提示与链接“相关”的方式，但您可以执行以下操作：

$(function() {
  $('.toolshoot').hover(function() {
    $(this).closest(':has(.toolbox)').find('.toolbox').show();
  },
  function () {
     $(this).closest(':has(.toolbox)').find('.toolbox').hide();
    }
  );
});