¿Cómo actualizar (agregar a) un href en jquery?

Question

Tengo una lista de enlaces que van a una API de Google Maps.

los enlaces ya tienen el parámetro daddr (destino) en ellos como estáticos. Estoy usando Geo-Location para encontrar la posición de los usuarios y quiero agregar saddr (dirección de origen) a los enlaces una vez que obtengo los datos.

así que básicamente tendrá que añadir algo así como &saddr=50.1234567,-50.03452 al final de la cola de todos los enlaces que apuntan a Google Maps

Todos los enlaces tienen una clase llamada directions-link

y desde this page he descubierto la manera cambiarlos:

$("a.directions-link").attr("href", "http://www.google.com/"); 

sin embargo sólo quiero añadir mi valor al final del href sin cambiar lo que el href ya está.

¿Cómo puedo hacer eso?

Answer 1

var _href = $("a.directions-link").attr("href"); 
$("a.directions-link").attr("href", _href + '&saddr=50.1234567,-50.03452'); 

Para bucle con each()

$("a.directions-link").each(function() { 
    var $this = $(this);  
    var _href = $this.attr("href"); 
    $this.attr("href", _href + '&saddr=50.1234567,-50.03452'); 
}); 

Answer 2

$("a.directions-link").attr("href", $("a.directions-link").attr("href")+"...your additions..."); 

Answer 3

jQuery 1.4 tiene una nueva característica para hacer esto, y reglas. Me he olvidado cómo se llama, pero lo uso como esto:

$("a.directions-link").attr("href", function(i, href) { 
    return href + '?q=testing'; 
}); 

que los bucles sobre todos los elementos también, así que no hay necesidad de $ .Cada

Answer 4

Esto es lo que he intentado hacer para agregar parámetro en la url que contiene el carácter específico en la url.

jQuery('a[href*="google.com"]').attr('href', function(i,href) { 
     //jquery date addition 
     var requiredDate = new Date(); 
     var numberOfDaysToAdd = 60; 
     requiredDate.setDate(requiredDate.getDate() + numberOfDaysToAdd); 
     //var convertedDate = requiredDate.format('d-M-Y'); 
     //var newDate = datepicker.formatDate('yy/mm/dd', requiredDate); 
     //console.log(requiredDate); 

     var month = requiredDate.getMonth()+1; 
     var day  = requiredDate.getDate(); 

     var output = requiredDate.getFullYear() + '/' + ((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + day; 
     // 

Ejemplo de trabajo Click