javascript - 更改 anchor 链接文本的大小和颜色

This question already has answers here:

jQuery add class .active on menu
                                
                                    （14个回答）
                                
                        
                                6年前关闭。
            
                    
我正在尝试检测从上一页单击的锚链接。

我有一个像HTML

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

<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文本上的project1将变为红色且更大。

反正有通过CSS或jQuery做到这一点吗？

谢谢！

最佳答案

使用此代码：

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类添加到任何匹配的元素。

关于javascript - 更改 anchor 链接文本的大小和颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19147914/