jQuery如何影響mouseOver上的單個元素

Question

由於我還在學習，這個問題似乎很簡單，但我仍然需要問。

我該如何改變這個腳本，所以它不會顯示所有的工具提示？

現在發生的事情是，每當我在.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

而是使用tp的衰落處理函數，你應該從this（被挖出的元素）開始，並遍歷到它的相關工具提示。事情是這樣的：

$(function(){ 
    $('.pink-nose .tooltip').hide(); 

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

確切遍歷將取決於您的標記的結構，看看在jQuery documentation for Traversing弄清楚什麼工作最好的。

Answer 2

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