jQuery如何影响mouseOver上的单个元素

在我还在学习的时候，这个问题似乎很容易回答，但我还是要问。

我如何更改此脚本，因此它不会显示所有工具提示？

现在发生的事情就是每当我在.pink-nose a上盘旋时，所有的.tooltip同时消失

  $(function(){ var pn = $('.pink-nose a') var tp = $('.pink-nose .tooltip') tp.css({'display':'none'}) pn.mouseover(function(){ tp.fadeIn() }) }) 

提前谢谢你的帮助

Answer 1

您应该从此处（被鼠标hover的元素）开始，而不是在处理函数中使用tp ，并遍历到其相关的工具提示。 像这样的东西：

 $(function(){ $('.pink-nose .tooltip').hide(); $('.pink-nose a').mouseover(function(){ $(this).parents('.pink-nose:first').find('.tooltip').fadeIn(); }) }) 

确切的遍历将取决于标记的结构，请查看遍历的jQuery文档，以找出最有效的方法。

Answer 2

 $('.pink-nose .tooltip').hide().each(function() { var $this = $(this); $this.parents('a').mouseover(function() { $this.fadeIn(); }); });