JQuery How to set attribute of element using other attribute of the same element

Question

I want to set title text of a link calling a function which receives as parameter the id of the element and outputs the text.

something like

$(a).attr('title', function() {return $(this).id + "foo"});

but a construct like this doesn't exist as far I know. What can I do? Thanks.

Just a note that prop is recommended over attr in most cases as of jQuery 1.7+ — mrtsherman
– mrtsherman, Commented Mar 13, 2012 at 14:48

Rob W · Accepted Answer · 2012-03-13 14:46:31Z

9

Use $(this).attr('id') or this.id. Do not mix them.

$(a).attr('title', function() {return $(this).attr('id') + "foo"});
$(a).attr('title', function() {return this.id + "foo"});        // <-- Preferred
//^ Is this a a variable? If not, you have to quote it: $("a").attr( ... );

answered Mar 13, 2012 at 14:46

Rob W

350k87 gold badges811 silver badges683 bronze badges

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

1 Comment

Anthony Grist Over a year ago

+1. Though there's never really any reason to use $(this).attr('id') - it's longer to type and results in unnecessary function calls.

Ravi Gadag · Accepted Answer · 2012-03-13 14:47:45Z

1

var id = $(this).attr('id') ; //capture the caller 
$(a).attr('title',id + 'foo');

answered Mar 13, 2012 at 14:47

Ravi Gadag

15.9k5 gold badges60 silver badges85 bronze badges

Comments

James Hill · Accepted Answer · 2012-03-13 14:53:28Z

1

Use jQuery's .each() method:

$('a').each(function(){
    $(this).attr('title', this.id + ' foo');
});

References: jQuery .each()

edited Mar 13, 2012 at 14:53

answered Mar 13, 2012 at 14:47

James Hill

62.1k22 gold badges150 silver badges166 bronze badges

Comments

Johan · Accepted Answer · 2012-03-13 14:47:14Z

0

$('a').each(function(){
    $(this).attr('title', $(this).attr('id'));
});

Maybe?

answered Mar 13, 2012 at 14:47

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Collectives™ on Stack Overflow

JQuery How to set attribute of element using other attribute of the same element

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related