Add 'title' attribute to an element (using event)

Question

This is my code in HTML:

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

This is in my jQuery and it works:

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

How can I add attribute to this 'img' element? I want this:

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

I tried:

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

so on and so on.

adrianbanks · Accepted Answer · 2016-05-19 23:13:19Z

1

You can use the hover() method:

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

In this case, $(this) represents the image that has been hovered over.

You can also do:

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

In this case, $(e.currentTarget) represents the image that has been hovered over.

edited May 19, 2016 at 23:13

answered May 19, 2016 at 23:04

adrianbanks

83.3k23 gold badges180 silver badges208 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

AmazingDayToday Over a year ago

I would, but I need that e. I am using it to grab data about this img.

AmazingDayToday Over a year ago

e.target.setAttribute('title', 'test'); helped me, which I took from your answer. But I left the $( document ).on( 'mouseover', 'img', function(e) {

Collectives™ on Stack Overflow

Add 'title' attribute to an element (using event)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related