jquery - ボタンの href を変更して次のページに移動する

Question

HTML が次のようなボタンをページに作成しました。

今、私の JavaScript には、次のようなボタンを見つける jQuery があります。

 $('.personlistbtn').click(function(e) {
    console.log("inside click event of person list");
    console.log("provider id was this " + provider_id);
    // ????? 
  });

上に投稿したhrefボタンにいくつかのパラメーターを添付して、Railsアプリの新しいページに、私が渡したパラメーターを使用して移動できるようにしたいので、次のようなものを願っています:

<a href="/pharmacy/patients?provider_id=234" >

?provider_id=234を添付したことに注意してください。どうやってやるの？

Answer 1

provider_idコードの他の場所で既に設定されていると仮定すると、これは機能するはずです。

$('.personlistbtn a').click(function(e) {
    e.preventDefault();
    window.location.assign(this.href + '?provider_id=' + provider_id);
});     

Answer 2

href 属性を編集する必要があります。

 $('.personlistbtn').on('click', function() {
     var $a = $(this).find('a');
     var href = $a.attr('href');
     $a.attr('href', href + '?provider_id=234');
 });

編集：

そのコードは、コンテナ div をクリックすると機能します。アンカーをクリックしたときにパラメーターをアタッチする場合は、次の手順を実行する必要があります。

 $('.personlistbtn').on('click', 'a', function(e) {
     e.preventDefault();
     window.location = $(this).attr('href') + '?provider_id=234';
 });

Answer 3

これを試して：

$('.personlistbtn a').click(function (e) {
    e.preventDefault();
    var provider_id = '?provider_id=234'; // this you already have, I just put it to have a value
    var newurl = this.href + '?provider_id=' + provider_id
    window.location.assign(newurl);
});

JSFIDDLE