Replace tag A with any other tag

Question

I have the following code structure,

<a href="sample-test"> Text </a>

I select a using jQuery selector,

jQuery('a[href="sample-test"]').css({'backgroundColor' : 'yellow'});

and I want to replace the tag with any tag like <abbr></abbr>

please let me know how to do this using jQuery.

+2

kalpesh 06 May '10 at 9:07

1 answer

Sarfraz · Answer 1 · 2010-05-06T09:10:50+0000

Try the following:

jQuery('a[href="sample-test"]').replaceWith($('<abbr>' + this.innerHTML + '</abbr>');