更改錨鏈接文本的大小和顏色

Question

我試圖檢測正在從上一頁中單擊的錨鏈接。

我有一個像

的index.html

<a href='test.html#project1'>project1</a><a href='test.html#project2'>project2</a><a href='test.html#project3'>project3</a> 

bunch of stuff... 

test.html的一個HTML

<a href='#project1'>project1</a><a href='#project2'>project2</a><a href='#project3'>project3</a> 

<a id = 'project1'>bunch of stuff......</a> 
bunch of stuff 
<a id = 'project2'>bunch of stuff......</a> 
bunch of stuff 
<a id = 'project3'>bunch of stuff......</a> 
bunch of stuff 

我想點擊的鏈接文本顏色更改爲紅色，大尺寸。因此，當用戶點擊index.html中的project1時，text.html上的項目1將變爲紅色並且變大。

有無論如何通過CSS或jQuery做到這一點？

謝謝！

Answer 1

使用此代碼：

if(window.location.hash){ 
    $('a[href="'+ window.location.hash +'"]').addClass('active'); 
} 

和示例CSS類：

a.active{ 
    color: red; 
    font-size: 18px; 
} 

此檢查是否window.location.hash存在，如果這樣做，搜索一個a元件與href值等於散列。然後它將.active類添加到任何匹配的元素。