jQuery rewrite href

Question

Tengo una función onclick que quiero agregar un anclaje al valor href. No quiero cambiar las URL, porque necesito que el sitio siga funcionando para personas sin Javascript/con fines de SEO. Así que aquí es lo que he intentado usar (amoung otras cosas):

 
jQuery('a[rel=ajax]').click(function() { 
    jQuery(this).attr('href', '/#' + jQuery('a')); 
}); 

Un enlace original es el siguiente:

http://www.mysite.com/PopularTags/

URL re-escritura debe tener este aspecto, por lo que AJAX funcionará:

http://www.mysite.com/#PopularTags

que era capaz de conseguir algunos de URL para trabajar mediante el establecimiento de un valor de nombre enlaces a la misma que la href, pero no funcionó para los enlaces con subsecciones:

http://www.mysite.com/Artist/BandName/

Así que no estoy del todo seguro. Gracias por la ayuda.

Answer 1

me gustaría sugerir a utilizar expresiones regulares, como

$('a[rel=ajax]').click(function(){ 
    $(this).attr('href', function(){ 
    this.href = this.href.replace(/\/$/, ""); 
    return(this.href.replace(/(.*\/)/, "$1#")); 
    }); 
}); 

Answer 2

creo que algo así como

jQuery(function(){ 
    jQuery('a').each(function(){ 
    jQuery(this).attr('href','/#'+jQuery(this).attr('href')); 
    }); 
}); 

hará el trabajo. Leer como: al cargar la página, recorre todos tus enlaces y reemplaza sus atributos href con # {old href}.

Answer 3

Depende de cómo codifique sus enlaces en el HTML. Si va a enlazar a http://www.mysite.com/PopularTags/ usar este:

<a href="/PopularTags/">Popular Tags</a> 

puede simplemente usar esto:

$(function() { 
$('a[rel=ajax]').each(function() { 
    var actualHref = $(this).attr('href'); 
    this.href = '/#' + actualHref.substring(1, actualHref.length - 1); // cuts off the first and last characters (‘/’) 
}); 
}); 

Esto resultará en el código HTML siguiente:

<a href="/#PopularTags">Popular Tags</a> 

Tenga en cuenta que podemos establecer this.href en lugar de $(this).attr('href'), pero aún necesitamos este último para obtener el atributo href real. this.href siempre contiene un URI completo, incluido el protocolo, nombre de dominio, etc., que no queremos en este ejemplo.