Add span tag to text inside hyperlink using jQuery

Question

How would you add a span tag to text inside a hyperlink?

Now I am changing the existing text to something else using this:

$(document).ready(function() { $("a:contains('text')").text('new-text') }); 

I need a link to look like this when it parses:

 <a href="/xxx.aspx">new-text<span class="someclass">some other text</span></a> 

So I need to add this span tag inside

Any ideas?

Answer 1

 $("a:contains('text')") .text('new-text') .append($('<span></span>') .addClass('someclass') .text('some other text') ) ; 

Answer 2

you can use the html() method to add markup:

 $(document).ready(function() { $("a:contains('text')").html('new-text<span class="someclass">some other text</span>') });