リンクで別ページのボタンを押した状態にするにはどう記述をすればいいでしょうか？

ページA
<a href="??????">3</a>

飛び先B
<button class="filter" data-filter="all1">1</button>
<button class="filter" data-filter="all2">2</button>
<button class="filter" data-filter="all3">3</button>
<button class="filter" data-filter="all4">4</button>

ボタンを押すとソート出来る仕様になっており、AからBにリンクを貼る際「ソートボタンを押した状態にしたい」です。

以下のようなページにして、飛び先をフィルター選択状態にしたいのです。。。
https://www.webprofessional.jp/building-a-filtering-component-with-css-animations-jquery/

m.ts10806

2019/10/07 01:16

「可能です」という回答が欲しいのでしょうか。得たいアドバイスを得やすい質問にしていただくのと、自身が試したこと調べたことを記載してください。丸投げ、または作業依頼に近しい内容になっています。

lionheart.jp

2019/10/07 01:46

以下のようなページにして、飛び先をフィルター選択状態にしたいです。 https://www.webprofessional.jp/building-a-filtering-component-with-css-animations-jquery/

行動規範の内容に同意します

回答1件

ベストアンサー

ページAから遷移時にgetで値をわたし、Bではlocation.seachを参照して
ロード時の処理を書くと良いでしょう

sample

たとえばこう

javascript
1<script>
2$(function(){
3  $('button').on('click',function(){
4    console.log($(this).data('filter'));
5  });
6  var btn=location.search.match(/[?&]btn=(.+?)(?=&|$)/);
7  if(btn) $('#'+btn[1]).trigger('click');
8});
9</script>
10<a href="?btn=3">3</a>
11<hr>
12<button class="filter" data-filter="all1" id="1">1</button>
13<button class="filter" data-filter="all2" id="2">2</button>
14<button class="filter" data-filter="all3" id="3">3</button>
15<button class="filter" data-filter="all4" id="4">4</button>