clase añadir a todos los enlaces que enlazan con un determinado dominio con js (jquery)

Question

Si tengo un montón de enlaces de esta manera:

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

¿Cómo puedo agregar una clase para todos los enlaces que enlazan con foo .com?

Answer 1

para asegurarse de obtener http://foo.com, http://bar.foo.com/about, y no http://bazfoo.com, intente:

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

Aquí es una solución más fuerte con las expresiones regulares, esto es probablemente más lento, eso sí, pero comprueba el dominio está en el inicio :

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

Éstos son algunos casos de prueba: http://jsbin.com/oruhu
(se puede editar aquí: http://jsbin.com/oruhu/edit).

Answer 2

$("a[href='foo.com']").addClass('your_class') 

Answer 3

Trivialmente: $("a[href='http://foo.com']").addClass('foo'); Pero eso supone una correspondencia exacta en la URL.

Answer 4

Si usted tiene enlaces a páginas distintas en el dominio foo como:

<a href="http://foo.com/eggs.html"> 
<a href="http://foo.com/bacon.html"> 

continuación, se puede utilizar un selector de la siguiente manera:

$("a[href^=http://foo.com/]").addClass("newClass") 

que encontrará todos los enlaces que comienzan con "http://foo.com/ " o

$("a[href*=/foo.com/]").addClass("newClass") 

que encontrará todos los enlaces que contiene "/foo.com/"