javascript - 悬停突出显示孩子不应该突出父母

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');
    });
});

演示：小提琴