替换DIV中的所有URL

Question

我想修改指定DIV中的所有网址但不确定如何操作。我想要的一个例子是：

<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')});