How to change only text node in element

Question

I have next html:

  *
  Name

And I want to chang

Answer 1

This is the solution that worked for the most browsers

$('label[for="user_name"]').contents().last()[0].nodeValue = 'Title';

This one came close but gave issues in ie8 since textContent is not supported

$('label[for="user_name"]').contents().last()[0].textContent='Title';

Answer 2

You can select only the abbr element, store it, and then replace the whole content with the stored element plus the changed caption:

​$('label[for="user_name"]').each(function(){
   var a = $(this).children('abbr');
   $(this).html(a).append('Title');
});

See this fiddle​