Je pense que cela devrait fonctionner, mais pas. Je ne sais pas ce que je fais mal.
function addURL()
{
$(this).attr('href', function() {
return this.href + '&cylnders=12';
}
<a onclick="addURL();" href="/search-results/?var1=red&var2=leather">Click this</a>
Tout d'abord, il vous manque un groupe de crochets:
function addURL()
{
$(this).attr('href', function() {
return this.href + '&cylnders=12';
});
}
Deuxièmement, dans votre code, "ceci" fait référence à la fenêtre, pas à l'élément. Essayez plutôt ceci:
<a onclick="addURL(this)" href="/search-results/?var1=red&var2=leather">Click this</a>
function addURL(element)
{
$(element).attr('href', function() {
return this.href + '&cylnders=12';
});
}
Pourquoi n'ajoutez-vous pas un ID ou une classe à votre lien href pour l'identifier via jquery? Il semble que votre lien soit déclenché avant de pouvoir ajouter des données à l'attribut href.
<a class="datalink" href="/search-results/?var1=red&var2=leather">Click this</a>
<script>
$('.datalink').attr('href', function() {
return this.href + '&cylnders=12';
});
</script>
function addURL()
{
var data=window.location+"&cylnders=12";
alert(data);
}
Essayez ce concept. j'espère que cela vous donnera une solution.
Essayez aussi
function addURL()
{
window.location.href='/search-results/?var1=red&var2=leather&cylnders=12'
}