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。

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