What is the correct way to use "this" in jQuery?

Question

I want to catch the title attribute of a element from multiple elements having the same class, but different attributes.

This is what I have tried:

HTML

    <div title="title1" class="pager" onclick="location.href='link.aspx';></div>
    <div title="title2" class="pager" onclick="location.href='link.aspx';></div>
    <div title="title3" class="pager" onclick="location.href='link.aspx';></div>
    <a class="pagerTitle"></a>

jQuery

$(".pager").bind("mouseover", function() {
        $(".pagerTitle").text(this.attr("title"));
    });

But it is not working. What is the correct method to do so?

http://stackoverflow.com/questions/1051782/jquery-this-vs-this — Danijel, Jan 04 '14 at 18:31

Greg Burghardt · Accepted Answer · 2014-01-04T18:40:53.823

3

You can use one of two methods:

jQuery:

$(this).attr("title")

Plain vanilla JavaScript:

this.title

I'd vote for plain JavaScript so you don't incur the overhead of creating a jQuery object for each tag.

edited Jan 04 '14 at 18:40

answered Jan 04 '14 at 18:28

Greg Burghardt

17,900
9
49
92

@Faizan if you believe the problem was solved you should mark this answer. – EfrainReyes Jan 05 '14 at 02:36

score 1 · Answer 2 · answered Jan 04 '14 at 18:23

1

You used attr() method of jQuery object, but this is not jQuery object. Use $(this) instead.

answered Jan 04 '14 at 18:23

Microbe

465
3
9

same answer, but thanx – Faizan Jan 04 '14 at 18:32

score 1 · Answer 3 · answered Jan 04 '14 at 18:24

"$(this) is one of very popular construct to indicate current element is focus, which can be used inside event and selector functions. This is as equal to JavaScript's this construct wrapped by jQuery's function to provide access to jQuery's function."

You should use $(this). Hope it helps!

What is the correct way to use "this" in jQuery?

3 Answers3