javascript - href URLonClickJQUERYの最後に変数を追加します

Question

これはうまくいくはずですが、うまくいきません。何が間違っているのかわからない。

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

まず、たくさんの角かっこがありません。

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

Answer 2

リンクhrefにIDまたはクラスを追加して、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>

Answer 3

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

この概念を試してください。それがあなたにいくつかの解決策を与えることを願っています。

これも試してみてください

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