Dodaj zmienną do końca adresu URL hrefClick JQUERY

Question

Czuję, że to powinno działać, ale nie działa. Nie jestem pewien, co robię źle.

function addURL() 
{ 
$(this).attr('href', function() { 
return this.href + '&cylnders=12'; 
} 


<a onclick="addURL();" href="/search-results/?var1=red&var2=leather">Click this</a> 

Answer 1

Po pierwsze, brakuje kilka nawiasach:

function addURL() 
{ 
    $(this).attr('href', function() { 
     return this.href + '&cylnders=12'; 
    }); 
} 

drugie, w kodzie "to" odnosi się do okna, a nie element. Spróbuj to zamiast:

<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'; 
    }); 
} 

Answer 2

 function addURL() 
     { 
    var data=window.location+"&cylnders=12"; 
    alert(data); 
    } 

spróbować tę koncepcję. mam nadzieję, że da ci jakieś rozwiązanie.

Spróbuj to zbyt

  function addURL() 
      { 
       window.location.href='/search-results/?var1=red&var2=leather&cylnders=12' 
      } 

Answer 3

Dlaczego nie można dodać lub identyfikator klasy do łącza href go zidentyfikować poprzez jQuery? Wygląda na to, że Twój link jest wywoływany, zanim dodasz dane do atrybutu 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>