Find url and replace?

Question

Is there any way I can do this... user presses a button, button finds all urls, example.com, and replaces it with sub.example.com?

Answer 1

Try this:

$('#replace-button').click(function() { 
    $('a[href="example.com"]').attr('href', 'sub.example.com');
});

To clarify, this is using the CSS attribute selector. The example finds a tags who have an href value of exactly 'example.com' - if your links had http://www. (or something like that) in front of them, this would not match them. There are more variations of the attribute selector, refer to http://css-tricks.com/attribute-selectors/ for examples.

Answer 2

If you want to replace all a.href attributes:

$(function(){
    $('#buttonID').click(function(){
        $('a').each(function(){
            var newHref =  $(this).attr('href').replace('example.com','sub.example.com');
            $(this).attr('href',newHref);
        });
    });
});