Добавить переменную в конец href URL onClick JQUERY

Я чувствую, что это должно работать, но это не так. Не уверен, что я делаю неправильно.

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


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

Ответ 1

Во-первых, вам не хватает скобки:

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

Во-вторых, ваш код "this" относится к окну, а не к элементу. Вместо этого попробуйте:

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

Ответ 2

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

Попробуйте эту концепцию. надеюсь, что это даст вам некоторое решение.

Попробуйте это тоже

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

Ответ 3

Почему бы вам не добавить идентификатор или класс в свою ссылку href, чтобы идентифицировать его через jquery? Кажется, что ваша ссылка активирована, прежде чем вы сможете добавить какие-либо данные в атрибут 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>