Replacing a substring in href-attribute using jQuery

Question

I have some "a" tags in div. I have to change part of the href. For example: http://jsfiddle.net/A6z88/ , I have to change only 'foo' in the href with 'asd'. Thanks a lot and sorry for my english :D

Answer 1

$('div a').each(function(){
   $(this).attr('href', $(this).attr('href').replace('foo', 'asd'));
});

Answer 2

I'd do

$('#links a').each(function(){
   this.href = this.href.replace('/foo/', '/asd/'); 
});

Answer 3

请参阅： http ： //jsfiddle.net/A6z88/3/

Answer 4

The most elegant way with the fewest function calls is:

$('a').attr('href', function(i, val){
  return val.replace('foo', 'asd');
});