Hover highlight child не должен выделять родителя

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