JQuery How to set an attribute of an element using a different attribute of the same element

Question

I want to set the title text of a link that calls a function that takes an element identifier as a parameter and displays the text.

sort of

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

but such a design, as I know, does not exist. What can I do? Thanks.

Answer 1

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

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

Answer 2

Use jQuery .each() method:

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

Links: jQuery .each()

Answer 3

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

Answer 4

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

May be,?