将“title”属性添加到元素（使用事件）

Question

这是我在HTML中的代码：

<img id="test" src="https://blah">

这是我的jQuery，它的工作原理：

$( document ).on( 'mouseover', 'img', function(e) {
}

如何为此'img'元素添加属性？我想要这个：

<img id="test" src="https://blah" title='test'>

我试过了：

e.attr('title', 'test');
e.prop('title', 'test');
this.attr('title', 'test');
$(this).attr('title', 'test');
this.prop...

等等等等。

Answer 1

您可以使用hover()方法：

$('img').hover(function() {
    $(this).attr('title', 'test');
});

在这种情况下，$(this)表示已悬停的图像。

你也可以这样做：

$('img').hover(function(e) {
    $(e.currentTarget).attr('title', 'foo');
});

在这种情况下，$(e.currentTarget)表示已悬停的图像。