懸停突出顯示的孩子不應該突出顯示父母

Question

我想突出顯示元素，當我將鼠標懸停在其上時（添加類）。我在我的頁面上嵌套了元素。我想要的是，如果我將鼠標懸停在元素上，則直接元素不會突出顯示所有父元素。

以下是摘錄

 $("body *").hover(function (e) 
     { 
      $(this).addClass('test'); 
     }, function() 
     { 
      $(this).removeClass('test'); 
     });` 

http://jsfiddle.net/3ZGQr/1/

Answer 1

嘗試

$(document).ready(function(){ 
    $("body").mouseover(function (e){ 
     $(e.target).addClass('test'); 
    }).mouseout(function (e) { 
     $(e.target).removeClass('test'); 
    }); 
}); 

演示：Fiddle