防止悬停事件绑定到子项

Question

HTML：

<a id="test" data-value="1">TEST <i class="fa fa-bank"></i></a>

JS：

var f = function(e) {
    console.log($(e.target).data('value'));   
};

$('a#test').hover(f, f);

当我从锚的右侧盘旋出来时。悬停事件的目标是<i class="fa fa-bank"></i>。有没有办法可以强制目标为<a id="test">...</a>

Answer 1

事件处理程序中的

this将引用绑定事件的元素，因此您可以使用：

$(this).data('value')