html - 选定的页面链接问题

Question

我试图通过告诉我的全局导航保持一种颜色来创建一种让用户知道他们在哪个页面上的更好方法。我的意思是，如果用户在主页上，我希望“主页”这个词保持蓝色，例如，这样他们就知道那是他们当前正在查看的页面。

我不确定我是否解释得很好，但如果你看一下下面的 jsfiddle，它会更有意义。

http://jsfiddle.net/4kUp3/

Answer 1

如果您不想将样式硬编码到每个页面以突出显示该元素，您可以使用 jquery 获取链接到当前页面的元素并更改其样式

$('a[href="'+window.location.href+'"]').parent().addClass('selected_link');