DIV内のすべてのURLを置換してください

Question

指定したDIV内のすべてのURLを修正したいのですが、わかりません。私が欲しいの例は次のとおりです。

<div id="SearchList"> 
<a href="www.google.com/up">up</a> 
<a href="www.google.com/down">down</a> 
<a href="www.google.com/left">left</a> 
<a href="www.google.com/right">right</a> 
</div> 

したがって、たとえば、私は次のように表示されるURLを修正したいと思います：

<div id="SearchList"> 
<a href="www.bing.com/up">up</a> 
<a href="www.bing.com/down">down</a> 
<a href="www.bing.com/left">left</a> 
<a href="www.bing.com/right">right</a> 
</div> 

これを実現する方法任意のアイデア？

Answer 1

// For each anchor element... 
$("#SearchList a").each(function() { 

    // Change its 'href' attribute to... 
    $(this).attr("href", 

     // Its current 'href' attribute with a .replace() called 
     $(this).attr("href").replace("google", "bing")); 
}); 

Answer 2

これは私が

$('#SearchList a').each(function(){ 

    var $el = $(this), 
     hash = $el.attr('href'), 
     replace = 'www.bing.com', 
     regex = /www.+.com\//, 
     replacement = hash.replace(regex, replace); 

    $el.attr('href', replacement); 

}); 

Answer 3

短いが

$('a').prop('href', function(i,e){ return e.replace('google', 'bing')});