jQueryを使用してあるリンクから別のリンクにパラメータを渡す

Question

リンクのセットからモーダルをトリガーするサイトがあります。リンク自体の参照をモーダルに渡す方法はありますか？

私の現在の実装はここにあります：http://138.197.123.25/左側のサイドバーのリンクは、単にモーダルウィンドウを起動して場所を尋ねます。特定のアイテムの場所を選択したときに表示されます。

問題は、誰かがParty Packagesのためにサイドメニューをクリックすると、モーダル選択肢からSan Diegoを言う選択し、それらはhttp://138.197.123.25/location/san-diego-rentals/に取られているが、彼らが選んだアイテムや場所に直接移動するために、私は希望があります、この例では、私は彼らに直接http://138.197.123.25/location/san-diego-rentals/party-packages/に行きたいと思います。

モーダルを起動するためにクリックされたリンクの参照を渡す方法がわからないので、アイテムの種類を場所に追加して最終的なURLを作成することができます。

Answer 1

@ burhan-khalidリンクありがとうございました。それは私を大いに助けました。ここで私の作業コードは、サイドバーのデータパラメータは、モーダルのhrefに追加されます。

サイドバー静的メニュー（を開始モーダル） - リンク1

現在モーダルを開く約20サイドバーのリンクがある、とそれぞれがdata属性が割り当てられています。下記のリンクはdata-prのデータ属性を持っていますが、他の人は、カスタムdata-cg (carnival games) or data-tp (themed-parties)などのような属性を持っている... 1 4のリンクの選択（を開始モーダル）と

... 
<div class="ss_button" data-id="party-packages"><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg">Party Packages</a></div> 
... 

モーダルウィンドウ - リンク2

... 
<div class='col-md-3'> 
    <a href="/location/san-diego-rentals/"><span class='city'>San Diego</span></a> 
</div> 
... 

私はあなたの質問をクリーンアップし、REFEREを削除

<script> 
    $(document).on("click", ".ss_button", function() { 
     var rentals = $(this).data('id'); 
     $('.modal-content a').attr('href', function() { 
      return this.href + rentals; 

     }); 
    }); 
</script>