Как сделать класс активным на другой странице, нажав ссылку на другой странице в html

Question

У меня есть одно сомнение в том, что я могу привязать тег на странице demo1.html, если я нажму эту ссылку, чтобы попасть на страницу demo2.html. На странице demo2.html я использую фильтр данных, и он должен выбрать этот фильтр, мы можем сделать это. Вот пример кода я AMM с использованием

Demo1.html

<a href="careers.html">Bangalore </a> | <a href="#"> Mumbai </a> 

Demo2.html

<ul> 
    <li class="filter"><a class="selected" href="#0" data-type="all">All</a></li> 
    <li class="filter" data-filter=".bangalore"><a href="#0" data-type="bangalore">Bangalore</a></li> 
    <li class="filter" data-filter=".mumbai"><a href="#0" data-type="mumbai">Mumbai</a></li> 
</ul> 
<ul> 
    <li class="mix bangalore"></li> 
    <li class="mix mumbai"></li> 
</ul> 

Я использую этот плагин filter. любезно помочь мне с этим

Answer 1

Во-первых, сделать функцию, чтобы получить параметр строки запроса, как в How can I get query string values in JavaScript?

function getParameterByName(name) { 
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
     results = regex.exec(location.search); 
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

Затем обновите ссылки на

<a href="careers.html?dataType=bangalore">Bangalore </a> | <a href="#"> Mumbai </a> 

и, наконец, нацеливать свои элементы в новая страница

$('li.filter').filter(function(){ 
    return $(this).attr('data-type') == getParameterByName('dataType'); 
}).addClass('active');