Comment mettre à jour (ajouter) un href en jquery ?

Question

J'ai une liste de liens qui vont tous vers une api google maps.

les liens ont déjà le daddr (destination) en tant que statique. J'utilise la géolocalisation pour trouver la position de l'utilisateur et je veux ajouter le paramètre de destination à la liste. saddr (adresse source) aux liens une fois que j'aurai les données.

donc, en gros, je devrai ajouter quelque chose comme &saddr=50.1234567,-50.03452 à la fin de tous les liens pointant vers google maps

Tous les liens ont une classe appelée directions-link

et de cette page J'ai trouvé comment les changer :

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

Cependant, je veux seulement ajouter ma valeur à la fin du href sans changer ce que le href est déjà.

Comment puis-je faire ça ?

Answer 1

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

Pour boucler avec 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

La version 1.4 de jQuery propose une nouvelle fonctionnalité pour faire cela, et elle est géniale. J'ai oublié comment ça s'appelle, mais vous l'utilisez comme ceci :

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

Cela boucle sur tous les éléments aussi, donc pas besoin de $.each

Answer 3

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

Answer 4

Voici ce que j'ai essayé de faire pour ajouter un paramètre dans l'url qui contient le caractère spécifique dans l'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;
        //

Exemple de travail Cliquez sur