jQuery: aggiunta di testo a una dinamica esistente HREF

Question

Sto tentando di modificare un collegamento utilizzando jQuery. I collegamenti sono generati dinamicamente e non ho alcun controllo sull'HREF esistente come vengono chiamati da un sito di terze parti.

utilizzando jQuery, come posso cambiare un link da questo:

example.com/?one=1&two=1 

a questo:

example.com/?one=1&two=1&thisisadded=true 

così essenzialmente aggiungendo &thisisadded=true alla fine del collegamento?

I collegamenti che devono essere modificati sono all'interno del proprio div con una classe di my-link.

Answer 1

$('a.my-link').each(function() { 
    var href = $(this).attr('href'); 
    $(this).attr('href', href + '&thisisadded=true'); 
}); 

Sostituire selettore con un selettore jQuery che abbinerà link sul vostro sito, se il mio non è un buon enought.

Answer 2

var href = $(this).attr('href'); 
$(this).attr('href', href + '&thisisadded=true') 

Ovviamente fare questo in un contesto in cui this è il vostro collegamento

Answer 3

Basta usare la selettore, e una funzione di callback per attr. Questo aggiungerà la parte aggiuntiva per tutti i link corrispondenti:

$('a.my_link').attr('href', function(i, a){ return a + "&thisadded=true" }); 

Quando si fornisce un callback al metodo attr, il primo parametro è il index e il secondo parametro è il valore originale attribute. Tutto ciò che viene restituito dal callback diventa il nuovo valore.

Nota: Questa funzione è disponibile in jQuery 1.1 e versioni successive. Non ottenere questo metodo confuso con il nuovo gruppo di metodi che accettano i callback introdotti in jQuery 1.4.