Передайте класс на другую страницу по клику

Question

У меня есть 1 страница

<a href="http://example.com/Rank1?page=tab-1">Rank1</a>
<a href="http://example.com/Rank2?page=tab-2">Rank2</a>
<a href="http://example.com/Rank3?page=tab-3">Rank3</a>

Поэтому, когда я нажимаю на ссылку, мне нужно добавить класс «current» на новой странице только в правильном элементе. (У меня есть код на новой странице, чтобы поменять местами между вкладками работает нормально). Таблицы на новой странице:

<ul class="tabs">
    <li id="divtab-1" class="button tab-link" data-tab="tab-1">Rank1</li>
    <li id="divtab-2" class="button tab-link" data-tab="tab-2">Rank2</li>
    <li id="divtab-3" class="button tab-link" data-tab="tab-3">Rank3</li>
</ul>
<div id="tab-1" class="tab-content">Rank1</div>
<div id="tab-2" class="tab-content">Rank2</div>
<div id="tab-3" class="tab-content">Rank3</div>
</div>

Фактический код на новой странице addclass 'current' или удалить класс 'current' при нажатии. THX!

    jQuery( function( $ ){
  $(document).ready(function(){

    $('ul.tabs li').click(function(){
      var tab_id = $(this).attr('data-tab');

      $('ul.tabs li').removeClass('current');
      $('.tab-content').removeClass('current');

      $(this).addClass('current');
      $("#"+tab_id).addClass('current');
    })
  })
  var url = window.location.href;
  var queryString = url.split("?")[1];
  var paramValue = queryString.split("=")[1];
  $("#div"+paramValue).addClass('current');
      $("#"+paramValue).addClass('current');
});

Answer 1

если вы не делаете все это на обычном JS, тогда используйте параметры запроса:

измените URL на первой странице, как показано ниже:

<a href="http://example.com?page=Rank1">Rank1</a> 
<a href="http://example.com?page=Rank2">Rank2</a>
<a href="http://example.com?page=Rank3">Rank3</a>

Получите доступ к этим параметрам URL на второй странице:

var url = window.location.href;
var queryString = url.split("?")[1];
var paramValue = queryString.split("=")[1]; // would print Rank1 or Rank2 or Rank3 based on url param

Как только вы получите значение имени страницы, выполните логику табуляции согласно кодировке