Jquery，悬停并显示正确的 div

Question

我正在 jquery 上做一些工具提示之类的事情，我只是想不出如何最小化编码。

$("#rightc img:first").hover(
 function () {
     $("ul #first").show();
  }, 
  function () {
     $("ul #first").hide();
  }
);

当您将鼠标悬停在第一个 img 上时，您首先会看到带有 id 的列表项。 现在，当我想添加第二个时，对于第二个 img，我必须复制整个代码，这将是很多代码而且不是很简单。有没有更简单的方法来做到这一点？

Answer 1

只需创建一个接受 img 和与之相关联的 div 的函数。类似于我下面的内容。

tooltipHover = function(img,div){
     $(img).hover(
      function () {
          $(div).show();
       }, 
       function () {
          $(div).hide();
       }
     );
};

tooltipHover("#rightc img:first","ul #first");