如何使一個類在另一個頁面上點擊鏈接在另一個頁面中的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');