javascript - add class to all links that link to a certain domain with js (jquery)

Question

If I have a bunch of links like this:

<a href="foo.com">blah</a> and this <a href="example.com">one</a> and here is another <a href="foo.com"></a>.

How would I add a class to all the links that link to foo.com?

Answer 1

to make sure you get http://foo.com, http://bar.foo.com/about, and not http://bazfoo.com, try:

$("a[href*='/foo.com'], a[href*='.foo.com']").addClass('your_class');

Here's a stronger solution with regular expressions, this is probably slower, mind you, but checks the domain is on the start:

$("a").filter(
    function(){
        return $(this).attr('href')
                      .match(/^https?://([^/]*.)?foo.com(/.*|$)/i);
    })
    .addClass('your_class');

Here are some test cases: http://jsbin.com/oruhu
(you can edit it here: http://jsbin.com/oruhu/edit ).