jquery click handler that passes attribute of clicked object into function?

Question

I have a link like

<a href="#" id="foo" class="bar_link">blah</a>

I have many of these and the id value is an integer corresponding to a record in a database.

I want to create a click handler to pass the id attribute value for a specific link into a function whenever that link is clicked.

Here is what I have tried, but I am not having success.

$(".bar_link").live('click', barDetailsInit($(this).attr('id')));

What do you think? Thx!

I would like to point out that id attributes cannot be integers. Consider using name instead. (stackoverflow.com/questions/70579/…) — Doug Owings
– Doug Owings, Commented Jun 22, 2011 at 23:09

Šime Vidas · Accepted Answer · 2011-06-22 23:07:42Z

4

This will work

$('.bar_link').live('click', function() { 
    barDetailsInit(this.id);
});

edited Jun 22, 2011 at 23:07

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

answered Jun 22, 2011 at 23:06

Variant

17.4k4 gold badges44 silver badges67 bronze badges

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

1 Comment

istan Over a year ago

It sure does! Thanks so much!

Abishai Gray · Accepted Answer · 2011-06-22 23:07:01Z

2

Oops, you forgot to wrap the click event in an anomymous method.

$(".bar_link").live('click', function() { barDetailsInit($(this).attr('id')); });

Your version would pull this as whatever the scope that the line is running in (probably "window").

answered Jun 22, 2011 at 23:07

Abishai Gray

5252 silver badges7 bronze badges

Comments

Ben Everard · Accepted Answer · 2011-06-22 23:06:09Z

1

Try this instead:

$(".bar_link").live('click', function(event) {

    barDetailsInit($(this).attr('id')));

});

Basically you'll need to call your function from within the event callback, then at that point you have context and can call your function with the desired parameter.

answered Jun 22, 2011 at 23:06

Ben Everard

13.8k14 gold badges69 silver badges96 bronze badges

Collectives™ on Stack Overflow

jquery click handler that passes attribute of clicked object into function?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related