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

我需要查看您的代码并确切知道工具提示是如何与＃34;相关的＆＃34;链接，但你可以做这样的事情：

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

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

2 个答案: